セレクトボックスの変更イベントを取得するには、.change()を使用します。
サンプルソース
例)選択したセレクトボックスの値をalert表示する
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script> <script> $(document).ready(function(){ $("#sel").change(function(){ var str = $(this).val(); alert(str); }); }); </script> </head> <body> <select id="sel"> <option value="01">東京</option> <option value="02">大阪</option> <option value="03">名古屋</option> </select> </body> </html> |
解説
- 選択しても、変更がない場合はイベント発生しません。