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