メニューの選択項目に応じて、もう1つのメニューの内容を変更する方法
2つのコンボがります。
1個目は、メーカーを選択します。
2個目は、機種を選択します。
下記ソースでは、valueの値が取得でいないようです。
(例)
makerでドコモを選択したらvalueに1をセット
sendwayでドコモ機種(2)を選択したらvalueに2をセット
このようなことを実現したいのですが...
よろしくお願いします。
<script language="JavaScript"><!--
menuItem = [["ドコモ機種(1)","ドコモ機種(2)"]["ドコモ以外機種"]];
function setMenuItem(n)
{
len = document.myForm.sendway.options.length;
for (i=len-1; i>=0; i--)
{
document.myForm.sendway.options[i] = null;
}
for (i=0; i<menuItem[n].length; i++)
{
document.myForm.sendway.options[i] = new Option(menuItem[n][i],menuItem[n][i]);
}
}
// --></script>
<select name="maker" onChange="setMenuItem(this.selectedIndex)">
<option value="1" <?= $val?>>ドコモ</option>
<option value="2" <?= $val?>>ドコモ以外</option>
</select>
<select name="sendway" >
<option value="1" <?= $val?>>ドコモ機種(1)</option>
<option value="2" <?= $val?>>ドコモ機種(2)</option>
<option value="3" <?= $val?>>ドコモ以外機種</option>
</select>
No.1ベストアンサー
- 回答日時:
ご質問の意味がわかりかねますが…
とりあえず、そのスクリプトを動作させたいのなら、
1.<form>タグ(myForm)を作成
2.>menuItem = [["ドコモ機種(1)","ドコモ機種(2)"]["ドコモ以外機種"]];
を二次元配列にしたいのなら、][の間に「,」を追加。
で、一応は動くと思いますが…?
でも、このままだと、初期状態では2番目のセレクトは3種類とも表示されていて選択できるようになっているので、なんだか矛盾しているように思えるけど…?
一方で、
>makerでドコモを選択したらvalueに1をセット
>sendwayでドコモ機種(2)を選択したらvalueに2をセット
ご提示のスクリプトは↑の内容とは関係のないスクリプトですし、もともとのHTMLの記述がそのようになっていると思いますが?
(サブミットした時に、selectedIndexのvalue値が入るはずなので)
なお、<?= $val?>はphpだと思いますが、ここに何を代入すつもりなのでしょうか?($valがどの様な値なのか不明)
普通に推測すると、ここに入る属性は「selected」とか「disabled」くらいしか思いつきませんが…
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・プリン+醤油=ウニみたいな組み合わせメニューを教えて!
- ・タイムマシーンがあったら、過去と未来どちらに行く?
- ・遅刻の「言い訳」選手権
- ・【大喜利】【投稿~11/12】 急に朝起こしてきた母親に言われた一言とは?
- ・好きな和訳タイトルを教えてください
- ・うちのカレーにはこれが入ってる!って食材ありますか?
- ・好きな「お肉」は?
- ・あなたは何にトキメキますか?
- ・おすすめのモーニング・朝食メニューを教えて!
- ・「覚え間違い」を教えてください!
- ・とっておきの手土産を教えて
- ・「平成」を感じるもの
- ・秘密基地、どこに作った?
- ・【お題】NEW演歌
- ・カンパ〜イ!←最初の1杯目、なに頼む?
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・ハマっている「お菓子」を教えて!
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
【javascript】連想配列からセ...
-
同一ページに複数のプルダウン...
-
javascript 計算フォーム
-
プルダウンメニューに連動する...
-
selectの初期値を設定したい
-
スマホのフォームでのselect複...
-
全てのselect要素をデフォルト...
-
同じ名前のセレクトがある場合...
-
セレクトボックスを未選択の状...
-
ラジオボタンの選択に応じてプ...
-
javascriptでの時間計算
-
selectボックスの選択結果を変...
-
Selectボックスの一覧表示方法
-
セレクトボックスで配列を呼び...
-
document.writeでセレクトボッ...
-
javascript プルダウンの連動に...
-
selectのすべての値を送信する方法
-
複数のプルダウンメニューをイ...
-
複数のプルダウンを1つにまとめ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
javascriptでセレクトボックス...
-
Selectボックスの一覧表示方法
-
<input>の選択肢をプルダウンメ...
-
selectを変更不可にしたい
-
全てのselect要素をデフォルト...
-
JavaScriptで<select>の<option...
-
select要素のvalueを配列で取得...
-
【javascript】連想配列からセ...
-
複数のプルダウンを1つにまとめ...
-
VBScriptでHTMLのセレクトボッ...
-
ラジオボタンとプルダウンを連...
-
<select> をmultiple にしてい...
-
同じ名前のセレクトがある場合...
-
webページの一部のみの更新につ...
-
javascript:データを日本語で...
-
スマホのフォームでのselect複...
-
ラジオボタンの選択に応じてプ...
-
selectが変更されたらnameを指...
-
プルダウンの値によって活性・...
おすすめ情報