• 締切済み

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

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

みんなの回答

  • wolfwood
  • ベストアンサー率50% (199/398)
回答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>

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

質問する