Question

可能重复：
Getting the value of the selected option tag in a select box

对于SELECT框，如何在jQuery中获取所选项的值和文本？

例如，

<option value="value">text</option>

Answer 1

<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

Answer 2

$("#yourdropdownid option:selected").text(); // selected option text
$("#yourdropdownid").val(); // selected option value

Answer 3

$('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

Check FIDDLE

Answer 4

你可以这样做，以获得当前选择的值：

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

＆安培;获取当前选定的文本：

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

Answer 5

基于您唯一的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());
    });
});

在jQuery中获取SELECT的值和文本

5 个答案: