在jQuery中获取SELECT的值和文本

Question

可能重复:
在选择框中获取所选选项标记的值

对于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

检查FIDDLE

Answer 4

你可以这样做,以获得当前选择的值:

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

获取当前选定的文字:

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