プルダウンメニューを動的に変更するには？

締切済

質問者：m_kazu55
質問日時：2002/05/21 00:14
回答数：1件

例えば、１つ目のプルダウンメニューで県名を選択すると、２つ目のブルダウンメニューには１つ目で選択した県の市町村名が表示されるようにしたいのですが、どうすれば良いのかが分かりません。
どうすれば出来るかどなたか教えて下さい。よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： wolfwood
回答日時：2002/05/21 10:26

二つ目のブルダウンメニューが選択された時、一つ目のメニューの値を取得し判定して、document.form名.select名.options[n].text = "～"を用いて二つ目のメニューに表示する項目を挿入すればよいです。

例）
<HTML>
<HEAD>
<SCRIPT>
function sel_ch(){
　var j = document.e_form.a1.selectedIndex;
　var sel = document.e_form.a1.options[j].text;
　if(sel == "東京都"){
　　document.e_form.a2.options[1].text = "渋谷区"
　　document.e_form.a2.options[2].text = "新宿区"
　}else if(sel == "神奈川県"){
　　document.e_form.a2.options[1].text = "横浜市"
　　document.e_form.a2.options[2].text = "川崎市"
　}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="e_form">
　<SELECT name="a1">
　　<OPTION>東京都
　　<OPTION>神奈川県
　</SELECT>
　<SELECT name="a2" onFocus="sel_ch()">
　　<OPTION>　　　　　　
　　<OPTION>北区
　　<OPTION>新宿区
　</SELECT>
</FORM>
<BODY>
<HTML>