JavaScript selectedIndexでフォームとnameでセレクトボックスの値を設定する
環境
Windows 10 home 64bit
Google Chrome 107.0.5304.122(Official Build) (64 ビット)
構文
document.フォーム名.セレクトボックスID名.selectedIndex = 選択する項目の数値;
フォーム(form)とセレクトボックスのnameを使用します。
使用例
<!DOCTYPE html> <html> <body> <form name="frminfo"> <select id="city"> <option value="tokyo">東京</option> <option value="oosaka">大阪</option> <option value="fukuoka">福岡</option> </select> </form> <br> <button>表示</button> <script> function funA() { document.frminfo.city.selectedIndex = 1; } </script> </body> </html>
実行結果
「表示」ボタンを押すと、セレクトボックスの値「大阪」を設定します。