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="表示" onclick="funA()"/></p>
<script>
function funA(){
//document.フォーム名.セレクトボックスの名前.selectedIndex
document.frmcity.city.selectedIndex = 1;
}
</script>
</body>
</html>
結果
「表示」ボタンを押すと、セレクトボックスの値に「大阪」が表示されます。