jquery:确定选择下拉菜单中的哪个选项

Question

如何确定使用jquery在下拉框中选择了哪个选项？

谢谢。

Answer 1

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

将提供与所选选项关联的值( value属性(如果存在)，否则为文本)。

$('#mySelect')[0].selectedIndex;

将给出所选选项的索引。

$('#mySelect option:selected');

将给出所选的选项元素，您可以从中抓取：

$('#mySelect option:selected').text(); // the text
$('#mySelect option:selected').val(); // the value

Answer 2

<select id="selectid">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>

假设用户选择第二个选项。

获取选定选项的值

$("select#selectid").val();  // Returns 2

获取所选选项的文本

$("#selectid option:selected").text();  // Returns  Two

jsFiddle链接：http://jsfiddle.net/gpmattoo/LBRCx/

Answer 3

在表单元素上调用不带参数的.val()函数将返回该元素的当前值。对于select元素(下拉框)，它将是当前选择的option元素的值。