web-dev-qa-db-ja.com

jQueryでSELECTの値とテキストを取得する

可能性のある複製：
選択ボックスで選択したオプションタグの値を取得

SELECTボックスの場合、jQueryで選択したアイテムの値とテキストを取得するにはどうすればよいですか？

例えば、

<option value="value">text</option>
jqueryselect
37
CL22
<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

90
Vishal Suthar
$("#yourdropdownid option:selected").text(); // selected option text
$("#yourdropdownid").val(); // selected option value
12
Zahid Riaz
$('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

9
Sushanth --

次のようにして、現在選択されている値を取得できます。

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

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

$('#myDropdownID:selected').text();
6
Fredy

唯一の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());
    });
});
4
swapnesh