jQuery select要素のvalueの値を取得する方法

環境
jquery 3.6.3
Google Chrome 109.0.5414.120
Windows10 Home 64bit

書式
1.select要素の取得
$('#セレクトボックスのID名’).change(function() {処理コード
2.選択した値を取得します
$('option:selected’).val()
select要素に対してユーザーが選んだ項目のvalue値を取得します。

使用例

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
   $('#city').change(function() {

     var cft = $('option:selected').val();
     alert(cft);
  })
});
</script>
</head>
<body>
<select id="city">
  <option value="0">都市を選択してください</option>
  <option value="1">東京</option>
  <option value="2">大阪</option>
  <option value="3">福岡</option>
</select>

</body>
</html>

実行結果
「福岡」を選択してselect要素optionの値「3」が表示されます。

jQuery

Posted by arkgame