如何用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

For reference there is also a secondary label attribute on the option tag:

//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

我发现这很有帮助

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

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

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

Answer 5

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

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

要么

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