如何获取下拉列表中选定值的文本?
可能重复:
jQuery获取特定的选项标签文本
如何使用jquery获取select所选选项的文本?
我有一个下拉列表,我想知道所选项目的文本。 例如:
<select>
<option value="1">Volvo</option>
<option value="2">Saab</option>
<option value="3">Mercedes</option>
</select>
如果我知道选定的值,我怎样才能得到它的文本值? 例如,如果值是1
,我怎么能得到Volvo
?
非常感谢。
您可以使用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>
$("#select_id").find("option:selected").text();
如果您的控件位于服务器端,这很有帮助。 在.NET中,它看起来像:
$('#<%= dropdownID.ClientID %>').find("option:selected").text();
最简单的方法是通过css3 $("select option:selected")
,然后使用.text()
或.html()
函数。 取决于你想要的东西。
上一篇: How to get the text of the selected value of a dropdown list?