Question

可能重复：
  jQuery get specific option tag text
  How to get the text of the selected option of a select using 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();

Answer 3

最简单的方法是通过css3 $("select option:selected")，然后使用.text()或.html()函数。取决于你想要的东西。

Answer 4

大家好，如果你有像这样的下拉列表

<select id="testID">
<option value="1">Value1</option>
<option value="2">Value2</option>
<option value="3">Value3</option>
<option value="4">Value4</option>
<option value="5">Value5</option>
<option value="6">Value6</option>
</select>
<input type="button" value="Get dropdown selected Value" onclick="getHTML();">

将id提供给下拉列表后，您只需要添加像这样的jquery代码

function getHTML()
{
      var display=$('#testID option:selected').html();
      alert(display);
}

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

4 个答案: