HTML プルダウンメニューの選択により画面を変化させたい

解決済

質問者：longstop
質問日時：2006/11/20 13:00
回答数：2件

以下の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件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： yambejp
回答日時：2006/11/20 13:43

テキストの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>