締切済み

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

2002/05/21 00:14

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

m_kazu55
お礼率55% (52/94)

JavaScript
回答数1
ありがとう数4

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

みんなの回答

wolfwood
ベストアンサー率50% (199/398)

2002/05/21 10:26 回答No.1

二つ目のブルダウンメニューが選択された時、一つ目のメニューの値を取得し判定して、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>