如何从选择元素中获取所选选项的文本？

Question

编辑：下面的 HTML 和 js 是一个简化版本。查看我帖子底部的 jsfiddle 链接以完整演示我的问题。

---

我有一个选择 HTML 元素：

<select name="foo" id="foo">
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
</select>

我想用 jQuery 获取选定选项的标签。但是：

alert($("#foo option:selected").text());

返回：

a
b
c

我想得到公正，例如：

b

jsfiddle：http://jsfiddle.net/8KcYY/1/（点击“Vybrať značku”按钮）。

Answer 1

 $("#dropdownlistID").text();

这将显示您的“下拉列表”中的所有职位。要仅获取选定的项目，请使用：

 $("#dropdownlistID").val();

或者试试看

 $("#foo").find(":selected").text()

而不是

$("#foo option:selected").text()

Answer 2

这行得通：

<select name="foo" id="foo">
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
</select>
<input type="button" id="button" value="Button" />

$('#button').click(function() {
    alert($('#foo option:selected').text());
});

自己试试吧：http://jsfiddle.net/Nyenh/

更简单：

$('#foo').change(function(){
    var selected = $(this).find('option:selected');
    alert(selected.val() + ' ' + selected.text());
});

http://jsfiddle.net/qtRhQ/1/