javascript - 如何从 select 元素中获取所选选项的文本？

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

这个有效:

<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/