- ベストアンサー
セレクトボックスの複数選択について｜HTML JavaScript PHP｜コードの組み方と変数の使い方を解説
- セレクトボックスの複数選択について解説します。一つ目のセレクトボックスを選択すると二つ目のセレクトボックスの中身が変わります。HTMLとJavaScriptを使ってコードを組む方法を詳しく解説します。
- セレクトボックスの複数選択についてのコードの組み方を解説します。一つ目のセレクトボックスを選択すると二つ目のセレクトボックスの中身が変わる仕組みを実装するためには、JavaScriptを使ってイベントリスナーを設定する必要があります。詳しいコードの組み方を解説します。
- セレクトボックスの複数選択についてご説明します。一つ目のセレクトボックスで選択した項目に応じて、二つ目のセレクトボックスの中身が変わるようにする場合、JavaScriptを使用してイベントハンドラを作成する必要があります。具体的なコードの組み方と変数の使い方を詳しく解説します。
- a7a7a77a7a74
- お礼率97% (48/49)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<html> <head> </head> <body> <div> <select id="select1" size="3"> <option value="フルーツ">フルーツ</option> <option value="寿司">寿司</option> <option value="カレー">カレー</option> </select> <select id="select2" size="3"> </select> <script> var select1 = document.getElementById("select1"); var select2 = document.getElementById("select2"); select1.addEventListener("change", function(){ switch (select1.value) { case "フルーツ": select2.innerHTML = "<option>りんご</option><option>みかん</option><option>なし</option>"; break; case "寿司": select2.innerHTML = "<option>いくら</option><option>まぐろ</option><option>うに</option>"; break; case "カレー": select2.innerHTML = "<option>ビーフ</option><option>ポーク</option><option>チキン</option>"; break; } }, false); </script> </div> </body> </html>
お礼
t_ohta 様 早速のご回答ありがとうございます。 解決しました！！