jQueryを使ってドロップダウンの項目の選択値を取得する

jQueryでドロップダウンボックスの選択値を取得するには? を使ってみました。

var value = $('#dropDownId').val();

var value = $('select#dropDownId option:selected').val();

がありますが、どちらも空の文字列を返します。

ソリューション

単一のselect dom要素の場合、現在選択されている値を取得します。

$('#dropDownId').val();

現在選択されているテキストを取得するには

$('#dropDownId :selected').text();
解説 (9)
var value = $('#dropDownId:selected').text()

この例のように、うまくいくはずです。

$(document).ready(function(){ 
  $('#button1').click(function(){ 
    alert($('#combo :selected').text());
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="combo">
  Test 1
  Test 2
解説 (2)

select-elementにidを指定しましたか?

<select id='dropDownId'> ...

最初のステートメントは動作するはずです。

解説 (0)