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 onclick="funA()">表示</button>
<script>
function funA() {
document.frminfo.city.selectedIndex = 1;
}
</script>
</body>
</html>
<!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 onclick="funA()">表示</button>
<script>
function funA() {
document.frminfo.city.selectedIndex = 1;
}
</script>
</body>
</html>
<!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 onclick="funA()">表示</button>
<script>
function funA() {
document.frminfo.city.selectedIndex = 1;
}
</script>
</body>
</html>
実行結果
「表示」ボタンを押すと、セレクトボックスの値「大阪」を設定します。