
セレクトボックスを変更した時に、選択されたvalueの値をjQueryで取得する方法についてです。
まず、セレクトボックスを作成します。 id には sample を指定します。
HTML
0 1 2 3 4 5 6 7 8 |
<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
0 1 2 3 4 5 6 7 |
<script type="text/javascript"> $("#sample").change( function(){ var sVal = $("#sample").val(); alert(sVal); }); </script> |
$(“#sample”).change( function(){});
id が sample の要素が変更された時に function を実行するという意味になります。
$(“#sample”).val();
で id が sample の要素の値を取得します。