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="表示"/></p>

<script>
function funA(){
     //document.フォーム名.セレクトボックスの名前.selectedIndex
      document.frmcity.city.selectedIndex = 1;
}
</script>

</body>
</html>

結果
「表示」ボタンを押すと、セレクトボックスの値に「大阪」が表示されます。

JavaScript

Posted by arkgame