JavaScript – セレクトボックスのvalue値を指定してoptionを選択する方法

はじめに


JavaScriptでセレクトボックスを選択状態にする方法を調べると selectedIndex を指定する方法を紹介している記事が多いです。

しかし、私の経験上(それほど経験無いですが) selectedIndex で選択状態を制御することはほとんど無く、特定の value 値を持つ option を選択状態にしたい場合がほとんどです。

検索してもなかなか求めているやり方がヒットしないのと、すぐにやり方を忘れるので記事にしました。

value 値で select ボックスの option を選択状態にする方法


document.getElementById('セレクトボックスのID').value = "選択状態にしたいoptionのvalue値";

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です