JavaScript フォームとセレクトボックスのnameでセレクトボックスの値を設定するサンプル
環境
Windows 10 Home 64bit
Google Chrome 106.0.5249.119
構文
1.セレクトボックスの値を設定します
document.フォームのname.セレクトボックスのname.selectedIndex = 数値;
フォームのnameとセレクトボックスのnameで対象を特定しselectedIndexに選択する項目を設定します。
2.onclickイベントの定義
onclick="関数名()"
「onclick」を使ってボタンを押すイベントを実行します。
使用例
<!DOCTYPE html> <html> <body> <form name="frmcity"> <select name="city"> <option value="tokyo">東京</option> <option value="oosaka">大阪</option> <option value="fukuoka">福岡</option> </select> </form> <p><input type="button" value="表示"/></p> <script> function funA(){ //document.フォーム名.セレクトボックスの名前.selectedIndex document.frmcity.city.selectedIndex = 1; } </script> </body> </html>
結果
「表示」ボタンを押すと、セレクトボックスの値に「大阪」が表示されます。