- ベストアンサー
HTML プルダウンメニューの選択により画面を変化させたい
以下のHTML文をご覧ください <html>■製品名<br> <select name="product" size="1"><OPTION VALUE= >------------ <option value="製品1">製品1<option value="その他">その他</select> <input type="text" name="product2" size="30" value="製品名をここにご記入ください"><br> <html> 現在、常に「製品名をここにご記入ください」の入力欄が表示されていますが、これを、 左側プルダウンで、「その他」を選んだ場合のみ、入力欄自体を表示させる 知恵がございましたら、ぜひお願いします HTML,PHPが使用できる環境です
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
テキストのdisabledとstyle-displayをつかってみては？ 例えばこんな感じ。 （selectなんでformくらい書いた方がよいですね） <script language=javascript> function change(obj){ var p2=obj.form.elements["product2"]; if(obj.value=="その他"){ p2.disabled=false; p2.style.display=""; }else{ p2.disabled=true; p2.style.display="none"; } } </script> ■製品名<br> <form> <select name="product" size="1" onChange="change(this)"> <OPTION VALUE="" >------------ <option value="製品1">製品1 <option value="その他">その他 </select> <input type="text" name="product2" size="30" value="製品名をここにご記入ください" disabled style="display:none"><br> </form>
その他の回答 (1)
JavaScriptのonChangeで。
お礼
迅速なご回答ありがとうございます、助かります
お礼
ありがとうございます。まさに！私の求めていた回答でした。本当に助かります。