• ベストアンサー

セレクトメニューについて

HTMLでフォームを作っています。 セレクトメニュー(クリックするとメニューが出てきて一つ選ぶやつ)がいくらかあります。 前のセレクトメニューの選ばれたものによって、次のセレクトメニューの選択肢を変更するにはどうすればよいのでしょうか? cgiの実行も可能です。 御願いします。

noname#6448
noname#6448
  • HTML
  • 回答数2
  • ありがとう数1

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

  • ベストアンサー
  • Mizyu
  • ベストアンサー率41% (245/593)
回答No.2

<HEAD>内に ----------------- <script language="JavaScript"> <!-- var valList = new Array(); valList[0] = new Array(); valList[1] = new Array(); valList[0][0] = new Array(); valList[0][1] = new Array(); valList[1][0] = new Array(); valList[1][1] = new Array(); valList[0][0][0] = "トマト" valList[0][0][1] = "キュウリ" valList[0][0][2] = "キャベツ" valList[0][1][0] = "1" valList[0][1][1] = "2" valList[0][1][2] = "3" valList[1][0][0] = "メロン" valList[1][0][1] = "みかん" valList[1][0][2] = "なし" valList[1][1][0] = "4" valList[1][1][1] = "5" valList[1][1][2] = "6" function ListOut(){ var i,n n = document.jump.list1.selectedIndex; for(i = 0; i <= 2; i++){ document.jump.list2.options[i].text = valList[n][0][i]; document.jump.list2.options[i].value = valList3[n][1][i]; } } //--> </script> ------------------ <BODY>部に <form action= "aaa.htm" method = "post" name = "jump"> <select name="list1" size="1" onchange="ListOut()"> <option value = 0 SELECTED>野菜</option> <option value = 1>果物</option> </select> <select name="list2" > <option> </option> <option> </option> <option> </option> </select> </form> -------------------- こんな感じでしょうか?テストしてないんでわかりませんが。

noname#6448
質問者

お礼

みなさん、ありがとうございました。 試行錯誤した結果、なんとかできました。 ありがとうございました

その他の回答 (1)

  • siraq
  • ベストアンサー率28% (2/7)
回答No.1

同じページ内のセレクトメニューなら、CGIではなくてJavaScriptになります。 function before_clicked() { if ( before.selectedIndex == 0 ) { next.options[0].name='peach'; next.options[0].value='もも'; next.options[1].name='apple'; next.options[1].value='りんご'; } else { next.options[0].name='tomato'; next.options[0].value='とまと'; next.options[1].name='nankin'; next.options[1].value='かぼちゃ'; } }

noname#6448
質問者

補足

ありがとうございます。 ごめんなさい、無知なもので・・・ もう少し詳しく説明を御願いいたします。

関連するQ&A

  • セレクトメニューセレクトメニューへのジャンプ

    こんにちは。 セレクトメニューの選択項目に応じて、もう1つのセレクトメニューの内容を変更する方法は大体理解したのですが、 さらにもう一つ、+もう一つ・・・とセレクトメニューの項目をリンクさせて変更することは可能でしょうか? 例えば、 セレクトメニュー(1) 選択   ↓ ジャンプ セレクトメニュー(2) 選択   ↓ ジャンプ セレクトメニュー(3) 選択   ↓ ジャンプ セレクトメニュー(4) 選択   ↓ 検索用CGI実行 クリック というように選ばれた各項目ごとに次のセレクトメニューにジャンプして項目の変更を行いたいです。 参考サンプル等、 どなたか情報をお持ちの方がおりましたら、 よろしくお願いいたします。

  • ホームページのセレクトメニューについて

    お世話になります。 HPでプルダウンメニューのセレクト画面を、 選択した瞬間に、ページが変わるようにしてみたいと 思っているのですが、どのようにすればよろしいのでしょうか。 普通にセレクト画面を選択して、フォームの送信 ボタン等をクリックすれば、ページの変化は出来るの ですけれども、この様な方法もやってみたいと思っています。 よろしくお願いいたします。

    • ベストアンサー
    • PHP
  • セレクトメニューを4つ使いたいのですが

    セレクトメニューを4つ使いたいのですが 1つだけのセレクトメニューは、探せば見つかるのですが 4つともなると、見つかりません。 イメージとして左フレームに 色選択 柄選択 イメージ選択 価格の選択のセレクトメニューを使いたいのですが・・・ どなたか、回答お願いします。

  • セレクトメニューをチェックボックスに変更

    HTML部分のみ変更可能なCGIの一部で セレクトメニューをチェックボックスに変更出来ますか? しても問題ないですか? 教えて下さい <(_ _)> <select name="ken"> <option value="5"/?ken.5?/>5件</option> <option value="10"/?ken.10?/>10件</option> <option value="20"/?ken.20?/>20件</option> </select>

    • ベストアンサー
    • CGI
  • HTMLのセレクトメニューとjavascript

    ちょっとjavascriptが判らないので質問をさせてください。 HTMLのセレクトメニューで hoge1 hoge2 hoge3 といったようなメニューが複数あるのです。 でこの一つ目のメニューでhoge1を選択した場合には、二つ目のメニュー以降ではhoge1を選択できなくしたいのです。 このような時どのように記述すれば良いのでしょうか、教えてください。 よろしくお願いします。

  • セレクトメニュー

    レンタルではなく自分のサーバーに設置できるセレクトメニューさせるプルグラムを探していますPHP・CGIどちらでも良いです。 携帯用サイトなのでjavaは使えないので困っています

    • 締切済み
    • CGI
  • セレクト&入力フォーム

    フォームを作成するときに、 セレクトメニューのように 横の矢印をクリックすると選択肢が表示されるが、 領域内をクリックすると自由に文字列を入力できる、 というようなフォームを作ることは可能でしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • セレクトメニューに値を戻す

    よろしくお願いします。 現在、 (1)「入力ページ」から値を取得しCSVに書き込み (2)特定キーによりCSVの内容を「編集ページ」に読み出し と言うことを行いたいのです。 (1)は問題ないのですが、 (1)の「入力ページ」からセレクトメニューで取得した値を(2)でもセレクトメニューで取得したいのですが可能でしょうか? 要は(1)も(2)も見た目を同じに、 「入力ページ」は新規入力用、「編集ページ」は変更・更新用というふうに使いたいです。 例えば、 セレクト項目の内容が、  北海道  青森県  岩手県  宮城県 となっており、(1)で「青森県」を選択→CSVへ書き込み とし、 (2)の表示の時にセレクトメニューには「青森県」が表示されており、かつ上記の項目が選択可能であるようにしたいのですが、 どなたか情報等お持ちの方いらっしゃいましたら、 よろしくお願いいたします。 webサーバー・・・HP-UX web・・・IE CGI開発言語・・・Perl 開発端末・・・windows2000(Tera Term 使用)

  • セレクトメニューが表示されません。

    検索してみましたが、該当する回答が発見できなかったので、お願いします。 (もし、過去の質問と重複していたらすみません) フォームにセレクトメニューを設置してみたところ、 セレクトメニューが表示される部分に同ページ内の<div>で背景に設定してあるバナーが表示されてしまいます。 マウスオンでバナーの背景画像は消え、セレクトメニューが表示されるのですがリロードすると、またセレクトメニューの上にバナーの背景画像が表示されてしまいます。 ちなみに同じフォームに設置してあるラジオボタンは正常に表示されました。 お忙しいところお手数をおかけして申し訳ありませんが、ご回答のほどよろしくお願いします。

    • ベストアンサー
    • HTML
  • html セレクトメニューを固定したいのですが。

    トップページの上部にセレクトメニューがあります。 セレクトメニューの1つを選択すると、それに伴ったページに移動させることはできたのですが、 違うページにいくとそのセレクトメニューはなくなってしまいます。 (設定してないのであたりまえですが。) どこのページに飛んでもその上部にあるセレクトメニューは常に表示するように固定にしたいんですけど、できますか? 飛んだ先のページにも同じセレクトメニューを入れればいいと思ったんですけど、枚数が多いため一括で設定できないのかなって悩んでます。 わかる方みえましたら教えてください。

専門家に質問してみよう