入力フォームでの入力補助

質問

只今、htmlで作成した２つのセレクトボックスがあり、それぞれ年の値が選択できるようになっております。
例えば‥2005年,2006年,2007年,2008年,2009年

box1で、値を選択すると、同じ値がbox2にも補助的に入るようにしました。
しかしその後、box2の値が変更できません。
box1で2008年にすると、box2も2008年になりますが、box2の値は変更しようとしても2008年のままで変更できないのです。

box1のonChangeイベントで、

select_ctrl(){
document.form.box2.selectedIndex = document.form.box1.selectIndex;
}

が実行されるようにしてあります。

おそらく常に上記の関数が実行されて、box2の値が変更できないのだと思います。

何か良い解決法はございませんでしょうか？
お分かりになりましたら、ご回答よろしくお願い致します。

回答No.1

yambejp · ベストアンサー

タイプミスじゃない？
box2のonChangeイベントは設定してないですか？

とりあえずこんな感じで・・・

<script>
function select_ctrl(obj){
obj.form.box2.selectedIndex = obj.selectedIndex;
}
</script>
<form>
<select name="box1" onChange="select_ctrl(this)">
<option>2005年</option>
<option>2006年</option>
<option>2007年</option>
<option>2008年</option>
<option>2009年</option>
</select>
<select name="box2">
<option>2005年</option>
<option>2006年</option>
<option>2007年</option>
<option>2008年</option>
<option>2009年</option>
</select>
</form>

お礼

>yambejp様

ご回答ありがとうございます。

ご指摘の通り、box2にも同じくonChangeイベントが設定されていました。
同じselect_ctrlにonChangeイベントで起こる関数をまとめて書いておいたのが原因でした。

それで、毎回box1の値をbox2に代入していたようです。

おかげ様で、修正作業が進みます。
ご指摘、サンプルコードありがとうございました。