セレクトメニューのリセットについて

質問

<select name="Q1_VALUE">
<option value="1" selected >AAAA</option>
<option value="2" selected >BBBB</option>
<option value="3" >CCCC</option>
<option value="4" >DDDD</option>
</select>

<select name="Q2_VALUE">
<option value="1" selected >1111</option>
<option value="2" >2222</option>
<option value="3" >3333</option>
</select>

上記セレクトメニューでQ1_VALUEの選択肢を変更した場合Q2_VALUEの選択肢をデフォルトに戻す方法を教えて下さい。

回答No.1

BLUEPIXY · ベストアンサー

<script type="text/javascript"><!--
function resetSelect(sel){
var len = sel.options.length;
for(var i=0;i<len;i++){
sel.options[i].selected=sel.options[i].defaultSelected;
}
}
//-->
</script>
…
<select name="Q1_VALUE" onchange="resetSelect(this.form.Q2_VALUE)">

お礼

ありがとうございました。
動くものを作ることが出来ました。