- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：複数のセレクトボックスの値から別のセレクトボックス）
複数のセレクトボックスで別のセレクトボックスの値を変更
このQ&Aのポイント
- 複数（４個）のselectboxから選択された値の組み合わせによって、別のselectbox（１個）の選択肢を変えたいです。具体的な動作イメージとして、selectboxAに1、selectboxBにい、selectboxCにウ、selectboxDにeが選択された場合にのみ、selectboxEの選択肢にあいうえお、かきくけこ、さしすせそが表示されます。それ以外の組み合わせの場合は、たちつてと、なにぬねの、はひふへほの選択肢が表示されます。
- 質問者はJavaScriptのサンプルプログラムを参考にしながら試みましたが、難しいため困っています。質問者は素人であり、特定の集まりで使用する予定です。
- お手数をおかけしますが、どなたかお助けいただけると幸いです。よろしくお願いいたします。
- hage_1000
- お礼率89% (34/38)
- JavaScript
- 回答数1
- ありがとう数9
- みんなの回答 （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="ａ">ａ</option> <option value="ｉ">ｉ</option> <option value="ｕ">ｕ</option> <option value="ｅ">ｅ</option> <option value="ｏ">ｏ</option> </select> <select name="E"> <option value="たちつてと">たちつてと</option> <option value="なにぬねの">なにぬねの</option> <option value="はひふへほ">はひふへほ</option> </select> </form> </body>