如何从select元素中获取选定选项的文本？

问题描述

| 编辑：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\”按钮）。     

解决方法

这有效：

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

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

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

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

或者尝试像

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

代替

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