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」が表示されます。