**重複している可能性があります。 セレクトボックスでの選択されたオプションタグの値の取得
セレクトボックスの場合、jQueryで選択された項目の値とテキストを取得するにはどうしたらいいですか?
例えば、以下のようになります。
<option value="value">text</option>
<select id="ddlViewBy">
<option value="value">text</option>
</select>
jQuery
var txt = $("#ddlViewBy option:selected").text();
var val = $("#ddlViewBy option:selected").val();
[JS Fiddle DEMO][1]。
[1]:
$('select').val() // Get's the value
$('select option:selected').val() ; // Get's the value
$('select').find('option:selected').val() ; // Get's the value
$('select option:selected').text() // Gets you the text of the selected option
[チェックFIDDLE][1]の場合
唯一のjQuery
タグを基にして :)
HTML)
<select id="my-select">
<option value="1">This is text 1</option>
<option value="2">This is text 2</option>
<option value="3">This is text 3</option>
</select>
テキストの場合 --
$(document).ready(function() {
$("#my-select").change(function() {
alert($('#my-select option:selected').html());
});
});
値の場合 --
$(document).ready(function() {
$("#my-select").change(function() {
alert($(this).val());
});
});