JavaScript onchangeメソッドでselectオブジェクトの値(value)を取得するサンプル

環境
Google Chrome 107.0.5304.107
Windows 10 Home 64bit

書式
onchange関数の定義
onchange="関数名(引数)"
構文
<select name="name属性名" id="id属性名" onchange="関数名(this.value)">
「this.value」を使ってセレクトボックスの選択された項目の値を取得します。

使用例

<!DOCTYPE html>
<html>
<body>

<script>
 function show(opval){
    alert("選択された項目の値: " + opval);
}
</script>

<select name="city" id="city" onchange="show(this.value)">
  <option value="">都市を選択してください</option>
  <option value='tokyo'>東京</option>
  <option value='oosaka'>大阪</option>
  <option value='fukuoka'>福岡</option>
</select>
</body>
</html>

実行結果
「福岡」を選択すると、「選択された項目の値:fukuoka」が表示されます。

JavaScript

Posted by arkgame