如何使用jQuery获取选择选项的标签？

<select>
<option value="test">label </option>
</select>

该值可以通过检索$select.val()。

那label呢？

有没有可以在IE6中使用的解决方案？

试试这个：

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

嗨，首先给一个ID作为选择

<select id=theid>
<option value="test">label </option>
</select>

那么您可以像这样调用所选标签：

jQuery('#theid option:selected').text()

供参考label，在选项标签上还有一个辅助属性：

//returns "GET THIS" when option is selected
$('#selecter :selected').attr('label'); 

HTML

<select id="selecter">
<option value="test" label="GET THIS">
Option (also called label)</option>
</select>

要在下拉菜单中获得特定选项的标签，您可以使用此功能-

$('.class_of_dropdown > option[value='value_to_be_searched']').html();

要么

$('#id_of_dropdown > option[value='value_to_be_Searched']').html();

我发现这很有帮助

$('select[name=users] option:selected').text()

使用this关键字访问选择器时。

$(this).find('option:selected').text()

$("select#selectbox option:eq(0)").text()

可以将“ option：eq（0）”中的0索引交换为要检索的任何索引选项。

这是有帮助的：http : //www.myphpetc.com/2009/03/jquery-select-element-cheat-sheet.html

试试这个：

$('select option:selected').prop('label');

这将为两种样式的<option>元素拉出显示的文本：

• <option label="foo"><option> -> "foo"
• <option>bar<option> -> "bar"

如果label元素中同时包含属性和文本，则将使用label属性，该属性与浏览器的行为相同。

为了后代，这是在jQuery 3.1.1下测试的

<SELECT id="sel" onmouseover="alert(this.options[1].text);"
<option value=1>my love</option>
<option value=2>for u</option>
</SELECT>

为此创建了工作的Plunker。 https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen $('#console').append("<br/>"+$('#test_s :selected').text())

在现代浏览器中，您不需要JQuery。改为使用

document.querySelectorAll('option:checked')

或指定任何DOM元素代替 document

您正在寻找 $select.html()

http://api.jquery.com/html/