[jQuery] セレクトボックスが変更された時にvalue値を取得する方法

セレクトボックスを変更した時に、選択されたvalueの値をjQueryで取得する方法についてです。
まず、セレクトボックスを作成します。 id には sample を指定します。
HTML
1 2 3 4 5 6 7 |
<select id="sample"> <option value="1">A</option> <option value="2">B</option> <option value="3">C</option> <option value="4">D</option> <option value="5">D</option> </select> |
セレクトボックスで 「B」が選択された時に value の値 2 を取得できるようにします。
jQuery
1 2 3 4 5 6 |
<script type="text/javascript"> $("#sample").change( function(){ var sVal = $("#sample").val(); alert(sVal); }); </script> |
$(“#sample”).change( function(){});
id が sample の要素が変更された時に function を実行するという意味になります。
$(“#sample”).val();
で id が sample の要素の値を取得します。
関連記事
- [JQuery] Ajaxが使える状態かどうかチェックする方法
- [jQuery] eachでリストの要素数を数える
- [jQuery] クリックされたリストの番号やテキストを取得する方法
- [Vue.js] フォーム入力バインディング一覧
- [JavaScript] 現在のURLやパラメタを取得する方法(Location)