- ベストアンサー
プルダウンメニューの設定の間違いを指摘
- 質問者は、プルダウンメニューを2つ設定したいが、どこが間違っているか知りたいという内容です。
- 質問者が作成したコードでは、セレクタ名が重複しており、機能しない可能性があると指摘しています。
- セレクトボックスのオプション値と条件式の値が一致しない場合に、出力するテキストを変える処理が実装されています。
- semboku_love
- お礼率4% (43/955)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
Q. どこが間違っているのでしょうか。 A. HEAD、BODYタグがダブっています。 修正例 <!DOCTYPE html> <html> <head> <title>プルダウンのメニューを表示を2つ設定</title> <script> function selectboxChange() { var value = document.forms.form1.Select1.value; var target = document.getElementById("output"); if (value == "要素1") { target.innerHTML = "合っています。"; } else { target.innerHTML = "間違っています。"; } } //--------------------- // function selectboxChange11() { var value = document.forms.form11.Select11.value; var target = document.getElementById("output11"); if (value == "要素11") { target.innerHTML = "合っています。"; } else { target.innerHTML = "間違っています。"; } } </script> </head> <body> <div>プルダウンのメニュー１</div> <form name="form1" action=""> <select id="Select1" onchange="selectboxChange();"> <option>---</option> <option value="要素1">要素1</option> <option>要素2</option> <option>要素3</option> <option>要素4</option> <option>要素5</option> </select> </form> <div id="output">-----</div> <div>プルダウンのメニュー２</div> <form name="form11" action=""> <select id="Select11" onchange="selectboxChange11();"> <option>---</option> <option value="要素11">要素1</option> <option>要素2</option> <option>要素3</option> <option>要素4</option> <option>要素5</option> </select> </form> <div id="output11">-----</div> </body> </html>
お礼
ありがとうございます。 とても参考になりました。