ベストアンサー

２つのコンボボックスの連携

2005/02/12 10:33

以前このカテゴリで「一方のコンボボックスの選択によりもう一方のコンボボックスの項目を絞り込む」スクリプトを拝見させていただいたのですが、次のとおり作成すると「な行」を選択すると「え」と「な」が選択項目として現れてしまいます。どこかおかしいところがあるのでしょうがさっぱりわかりません。どなたか教えてください。よろしくお願いします。 ------------------------------------------------ <html> <head> <title>OK WEB</title> <script type="text/javascript">  </script> </head> <body onload="initMenu()"> <form name="FORM1"> <select name="MENUA" onchange="setSubMenu(this.value)"> <OPTION VALUE="1">あ行 <OPTION VALUE="2">か行 <OPTION VALUE="3">さ行 <OPTION VALUE="4">た行 <OPTION VALUE="5">な行 </select> <br> <select name="MENUB" > <OPTION VALUE="あ">-- </select> </form> </body> </html>

akomot
お礼率96% (200/207)

JavaScript
回答数2
ありがとう数7

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

run34ricky
ベストアンサー率64% (38/59)

2005/02/12 15:19 回答No.2

こんにちは、length属性の値とOptions配列のサイズに不整合が起きているのかなと思います。なんでそうなのかは不明ですが、、、 setSubMenu関数の内容を以下のように変えてみました。 // 変数名が長いので、別変数で参照します。 var targetOptions = document.FORM1.MENUB.options; // 現在のサイズより今の選択項目配列サイズが多ければ縮小。 if (txt[area].length < targetOptions.length) { 　targetOptions.length = txt[area].length; } // 選択項目配列に値をつけなおします。 var i = 0; for (i=0; i<txt[area].length; i++){ 　targetOptions[i] = new Option(txt[area][i], txt[area][i]); }

質問者