selectタグの項目を制御する
フォーム内のプルダウンの項目を制御する方法がわからなくて困っています。
form1というフォーム内にプルダウンが3つあります。
<select name="select_1">
<option value="AAA">AAA</option>
<option value="BBB">BBB</option>
<option value="CCC">CCC</option>
</select><br/>
<select name="select_2">
<option value="AAA_1">AAA_1</option>
<option value="AAA_2">AAA_2</option>
<option value="BBB_1">BBB_1</option>
<option value="CCC_1">CCC_1</option>
</select><br/>
<select name="select_3">
<option value="AC">AC</option>
<option value="AB">AB</option>
<option value="B_1">B_1</option>
<option value="B_2">B_2</option>
<option value="B_3">B_3</option>
</select><br/>
●まず、select_1がAAAなら、select_2でAAA_1とAAA_2のみ選択できるようし、select_2で、AAA_1が選択されたらselect_3にACをAAA_2が選択されたらABを表示。
●select_1でBBBが選択されたら、select_2にBBB_1のみを表示し、変更不可にする。そして、select_3にABC,B_1,B_2,B_3を表示。
●select_3でCCCが選択されたら、select_2にCCC_1のみを表示して変更不可にし、select_3にACのみを表示して変更不可にする。
こんな感じにしたいのですが、どうもうまく出来ません。
考えたのは、各selectタグにonchange=change_1(form1)として、関数を呼び出し、
no= form1.select_1.selectedIndex;
noが0なら
thisForm.select_2.length = 2; //オブジェクトを2にする
thisForm.select_2.options[0].value = "AAA_1";
の様にしたのですが、はじめに表示したoptionを消したりする方法や変更不可にする方法ってあるんでしょうか？また、ほかの方法など、どなたかわかる方がいましたら、よろしくお願いいたします。
お礼
>>SAYKA様 ご指導ありがとうございます。 無事カウンターセレクトを設置することが出来ました！ どうもありがとうございましたo（＾－＾）o