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元素的值。