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>

実行結果
「表示」ボタンを押すと、セレクトボックスの値「大阪」を設定します。

JavaScript

Posted by arkgame