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

编辑：下面的HTML和js是一个简化版本。请查看我文章底部的JSFIDLE链接，以全面演示我的问题

---

我有一个select HTML元素：

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

返回：

a
b
c

我只想得到，例如：

b

jsfiddle：（点击“Vybraťznačku”按钮）

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

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

或者试试看

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

而不是

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

这项工作：

<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());
});

---

。你能在jsfiddle.net上发布一个非功能性的示例吗？奇怪，根据这个文档（）它应该可以工作。这不起作用吗？我已经将它发布到jsfiddle上了。我稍微修改了一下，但效果相同：不，这将显示option标记的value属性。我想要介于选项开始和结束标记之间的文本。我已将其发布到JSFIDLE。在第一个Select中选择一些内容，然后单击旁边的按钮。好的，检查一下您所拥有的内容的这个变体，它的作用是相同的：显示所选选项的值和文本。这就是你想要的吗？@Kon不是真的。我想要的是这个。当用户单击“Vybraťznačku”时，它将显示选择元素“Skupina”中所选选项元素的文本。

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

<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());
});

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