ラジオボタンを選択することによって、
同FORM内のポップアップメニューの内容を変化させる様なものを考えています。
例:埼玉を選択すると
◎埼玉県
○神奈川県
┌─────────────┬─┐
│市 │▼│
├─────────────┴─┤
│さいたま │
│浦和 │
└───────────────┘
例:神奈川を選択すると
○埼玉県
◎神奈川県
┌─────────────┬─┐
│市 │▼│
├─────────────┴─┤
│川崎 │
│横須賀 │
└───────────────┘
の様な感じなのです。
簡単な方法はないでしょうか?
No.1ベストアンサー
- 回答日時:
簡単に書いてみました。
いかが?<html>
<head>
</head>
<body>
<script type="text/JavaScript">
function changeOption(btn, opt) {
if (btn.value == "saitama") {
opt.options.length = 0;
opt[0] = new Option("市", "1", true, true);
opt[1] = new Option("さいたま", "2");
opt[2] = new Option("浦和", "3");
} else if (btn.value == "kanagawa") {
opt.options.length = 0;
opt[0] = new Option("市", "1", true, true);
opt[1] = new Option("川崎", "2");
opt[2] = new Option("横須賀", "3");
opt[3] = new Option("生田", "4");
}
}
</script>
<form>
<input name=links type=radio value="saitama" onClick="changeOption(this, opt1)">埼玉県<br>
<input name=links type=radio value="kanagawa" onClick="changeOption(this, opt1)">神奈川県<br>
<select name=opt1>
<option> <!-- サイズを合わせるために、全角の空白を幾つか書いてある -->
<option>
<option>
<option>
</select>
</form>
</body>
</html>
これです!ずばりこのイメージです。
この様な初心者の質問にソースまで書いていただき本当にありがとうございます。
参考にさせていただき、がんばって勉強したいと思います。
本当にありがとうございました。
No.2
- 回答日時:
ありがとうございます。
いろいろとデモありますが、ソースをいただくのは気が引けますので、参考にさせていただきます。
回答ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 医療 コロナワクチン3回目について教えてください 大学生です。ワクチンを受ける自治体が違う県外発行の接種券 2 2022/10/26 15:09
- その他(悩み相談・人生相談) やはり、日本では東京、神奈川県、千葉県、埼玉県は別格ですか? 2 2023/06/24 16:26
- 関東 関東1都3県 東京、神奈川、千葉、埼玉 天気予報などで言う順番って決まってますか なんとなくですが東 1 2023/06/23 21:12
- 関東 住む場所として 東京都、千葉県、神奈川県、埼玉県へ 行きやすい路線や駅の推しはどこでしょうか 10 2022/09/06 21:09
- Excel(エクセル) エクセルの複数ブックのシートを1つまとめたい 都道府県ごとに47ブックがあり、そのシートのデータを1 5 2022/11/15 14:57
- その他(国内) 1番2番3番…と争う? 2 2022/12/06 19:52
- 郵便・宅配 最安値の送付方法、教えてください 2 2023/05/07 11:23
- その他(悩み相談・人生相談) 東京・神奈川・千葉・埼玉以外で車がなくても電車やバスで生活できる都道府県は? 3 2023/02/14 12:59
- 介護 老後について考えています。埼玉、神奈川、東京とそれぞれの県ごとに高齢者支援が異なっていると聞きました 1 2022/06/18 10:35
- 介護 老後について考えています。埼玉、神奈川、東京とそれぞれの県ごとに高齢者支援が異なっていると聞きました 1 2022/06/18 02:11
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
セレクトメニューで選択された...
-
ラジオボタンとドロップダウン...
-
プルダウン 項目が多いので先頭...
-
jQuery セレクトボックスで選択...
-
html selectの内容を初期値に戻す
-
ラジオボタンでポップアップメ...
-
グーグルマップの初期表示地点...
-
SELECTの生成でselected設定が...
-
セレクトを全て選択されていな...
-
javascriptでHTMLを絞り込み検...
-
jquery での <select multiple=...
-
CSVファイルを読みこみ、プルダ...
-
onchange等のイベントハンドラ...
-
正規表現で複数マッチ条件で悩...
-
ボタン2回押しを無効にしたい
-
<form action="#">の意味とは?
-
<td>の中のonClick="location" で
-
JavaScriptにて動的に配列を作...
-
背景色を変えて未入力チェック...
-
【jsp/Java】チェックボックス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
Selectの中身をfor文で入れる
-
html selectの内容を初期値に戻す
-
CSVファイルを読みこみ、プルダ...
-
セレクトを全て選択されていな...
-
ブラウザの戻るボタンを押した...
-
JQuery selectが反映されない
-
jQuery セレクトボックスで選択...
-
セレクトの値を取得できない
-
テーブルにおける行(セルにプル...
-
現在時刻を取得してフォームのs...
-
javascriptでの2つのプルダウン...
-
document.form で nullまたは...
-
リストボックスの項目の順番を...
-
onFocusOutが複数回呼ばれる!
-
javascriptでselectボックスの<...
-
プログラムがうまく動きません...
-
親子連動型のselectを設置し、...
-
selectタグに直接onChangeを書...
おすすめ情報