メニューの選択項目に応じて、もう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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ドロップダウンリストの値の足...
-
VBScriptでHTMLのセレクトボッ...
-
初心者です。一つのformで2つの...
-
Selectボックスの一覧表示方法
-
ラジオボタンとプルダウンを連...
-
slickのレスポンシブ > center...
-
至急!GetElementById でtdの...
-
クリックされた罫表セルの行番...
-
フォームの値が0だったら空白...
-
return trueとreturn falseの用...
-
自動的に連番生成したURLにリン...
-
XMLHttpRequestを利用してPHPへ...
-
チェックボックスにチェックが...
-
FormのonsubmitでJavaスクリプ...
-
フィールドを有効(enabled?)に...
-
Javascriptの"return "について
-
objectのindex値って取れますか?
-
プルダウン4つ連動+α
-
CSVファイルを読みこみ、プルダ...
-
フォームの指定
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
<input>の選択肢をプルダウンメ...
-
Selectボックスの一覧表示方法
-
javascriptでセレクトボックス...
-
同じ名前のセレクトがある場合...
-
全てのselect要素をデフォルト...
-
【javascript】連想配列からセ...
-
スマホのフォームでのselect複...
-
selectを変更不可にしたい
-
JavaScriptで<select>の<option...
-
複数のプルダウンを1つにまとめ...
-
プルダウンの値によって活性・...
-
VBScriptでHTMLのセレクトボッ...
-
webページの一部のみの更新につ...
-
selectのすべての値を送信する方法
-
javascript:データを日本語で...
-
プルダウンのoptionの表示・非...
-
リストボックス内の重複したも...
-
select要素のvalueを配列で取得...
-
C#(csファイル)とjavascriptと...
おすすめ情報