如何获取下拉列表的选定值的文本？

Question

可能重复:
jQuery获取特定选项标记文本
如何使用jquery获取选定选项的文本？

我有一个下拉列表,我想知道所选项目的文本.例如:

<select>
    <option value="1">Volvo</option>
    <option value="2">Saab</option>
    <option value="3">Mercedes</option>
</select>

如果我知道所选值,我怎样才能得到它的文本值？例如,如果值是1我怎么得到的Volvo？

非常感谢.

Answer 1

您可以使用option:selected获取select元素的选定选项,然后使用text()方法:

$("select option:selected").text();

这是一个例子:

console.log($("select option:selected").text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<select>
    <option value="1">Volvo</option>
    <option value="2" selected="selected">Saab</option>
    <option value="3">Mercedes</option>
</select>

Answer 2

$("#select_id").find("option:selected").text();

如果您的控件位于服务器端,这将很有帮助.在.NET中它看起来像:

$('#<%= dropdownID.ClientID %>').find("option:selected").text();