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

Question

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

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

label怎么样？

是否有适用于IE6的解决方案？

Answer 1

试试这个：

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

Answer 2

嗨首先给select

一个id

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

然后您可以调用所选标签：

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

Answer 3

作为参考，选项标签上还有一个辅助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>

Answer 4

要在下拉列表中获取特定选项的标签，请执行此操作 -

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

或

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

Answer 5

我发现这很有帮助

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

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

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

Answer 6

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

“option：eq（0）”中的0索引可以替换为您要检索的索引选项。

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

Answer 7

试试这个：

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

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

• <option label="foo"><option> - ＆gt; "foo"
• <option>bar<option> - ＆gt; "bar"

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

对于后代，这是在jQuery 3.1.1

下测试的

Answer 8

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

Answer 9

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

Answer 10

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

document.querySelectorAll('option:checked')

或指定任何DOM元素而不是document

Answer 11

您正在寻找$select.html()

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