![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67b6d)
この度はお世話になります。
複数(4個)のselectboxからselectboxの値の組み合わせによって、別のselectbox(1個)の選択肢を変えたいのですが、どなたか助けていただけませんでしょうか?
動作のイメージは以下の通りです。
selectboxAの選択肢:1,2,3,4,5,
selectboxBの選択肢:あ,い,う,え,お,
selectboxCの選択肢:ア,イ,ウ,エ,オ,
selectboxDの選択肢:a,i,u,e,o,
上記の操作で、
selectboxA に1 selectboxB に い selectboxCに ウ selectboxDに e と
selectboxA に5 selectboxB に え selectboxCに ウ selectboxDに i の
組み合わせが選択されたときのみ、
selectbox E の選択肢に あいうえお,かきくけこ,さしすせそ,が表示され、
それ以外のselectbox A~Dの選択肢の組み合わせの時はすべて、
たちつてと,なにぬねの,はひふへほ, の選択肢が表示されます。
各selectボックスの選択肢は、選択肢の数により増減します。
また選択肢Aには数字を使ってますが、すべて文字列として扱いたいです。
ネット上でjavascript のサンプルプログラム等も見て、色々と試してみたのですが、
なかなかハードルが高く困っております。
当方素人。任意の集まりで使います。何卒よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
配列変数に「あいうえお,かきくけこ,さしすせそ」と「たちつてと,なにぬねの,はひふへほ, 」を作ります。
次にselectboxA~Dのvalueを取得してif elseを使用してselectboxEのvalueに「あいうえお,かきくけこ,さしすせそ」か「たちつてと,なにぬねの,はひふへほ, 」を入れてあげればいいと思いますよ。
イメージ的には以下のような形だと思います。
selectboxA~Dのvalueがチェンジされた場合のイベントハンドラ {
if(~~~) {
selectboxE.value = 「あいうえお,かきくけこ,さしすせそ」
} else {
selectboxE.value = 「あいうえお,かきくけこ,さしすせそ」
}
}
この回答への補足
ご回答ありがとうございます。
条件式の書き方がいまひとつわからず、うまくいきません。よろしくお願い致します。
<script>
var a =[[あいうえお,かきくけこ,さしすせそ,],[たちつてと,なにぬねの,はひふへほ, ]];
この部分に書くscriptの条件式がうまく書けません。
日本語で書いてしまえば、下記のそれぞれのoptionに
selectboxA =1 selectboxB =い selectboxC =ウ selectboxD =e と
selectboxA =5 selectboxB =え selectboxC =ウ selectboxD =i の
と言う組み合わせが選択された時のみに、
selectboxE のoptionに「あいうえお,かきくけこ,さしすせそ」が表示される。
ようにしたいのですが。。。
</script>
<title></title>
</head>
<body>
<form name="myForm">
<select name="A" onChange="value_check()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>|
<option value="5">5</option>
</select>
<select name="B" onChange="value_check()">
<option value="あ">あ</option>
<option value="い">い</option>
<option value="う">う</option>
<option value="え">え</option>
<option value="お">お</option>
</select>
<select name="C" onChange="value_check()">
<option value="ア">ア</option>
<option value="イ">イ</option>
<option value="ウ">ウ</option>
<option value="エ">エ</option>
<option value="オ">オ</option>
</select>
<select name="D" onChange="value_check()">
<option value="a">a</option>
<option value="i">i</option>
<option value="u">u</option>
<option value="e">e</option>
<option value="o">o</option>
</select>
<select name="E">
<option value="たちつてと">たちつてと</option>
<option value="なにぬねの">なにぬねの</option>
<option value="はひふへほ">はひふへほ</option>
</select>
</form>
</body>
お礼が遅くなりましたが、何とかできました。
本当ならバラバラのセレクトボックスを、そのまま何かの処理をして認識
させ、結果を出せるのでしょうが、なかなか今の知識レベルではうまく
行かず、結局ひとつのテキストフィールドに連結して認識させるように
したところ、うまくいきました。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンの選択で解答・点...
-
setIntervalの間隔を途中で変更...
-
ラジオボタン、チェックボック...
-
複数のsubmitボタンで押された...
-
自動的に連番生成したURLにリン...
-
value内に変数を入れたい
-
入力を制限したい
-
VB.NET DateTimeの型について
-
プルダウン 項目が多いので先頭...
-
VBSでブラウザ上のテキストボッ...
-
JQuery Mobileでチェックボック...
-
ブラウザの戻るボタンを押した...
-
【jQuery】input nameの文字列...
-
JavaScriptde途中で、「exit」...
-
return trueとreturn falseの用...
-
確認ページからフォームページ...
-
動的にTabindexの値を変えたい!
-
tableの任意行にfocusをあてる
-
FormのonsubmitでJavaスクリプ...
-
JSPとJavaScriptの連携について...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
value内に変数を入れたい
-
UART通信の取説で,left floati...
-
javascriptでhiddenに二次元配...
-
hiddenのvalueの値を変えたい
-
VB.NET DateTimeの型について
-
テキストボックスに入力された...
-
CDOMailで本文テキストの文字コ...
-
setIntervalの間隔を途中で変更...
-
javascriptにてHTMLのhiddenエ...
-
ラジオボタンの選択で解答・点...
-
子から親へチェックボックスの...
-
フォームで入力した値を別のフ...
-
複数のsubmitボタンで押された...
-
selectboxのoptionタグのvalue...
-
Pythonで会員サイトの自動ログ...
-
クイズ作成:15個の問題から5個...
-
どのボタンがクリックされたの...
-
eval()を使わずに数値を取得し...
-
VBAをJavaScriptに変換したいです
-
ホームページビルダーのスクリ...
おすすめ情報