Как получить метку выбора опции с помощью jQuery?

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

Значение может быть получено с помощью $select.val().

Как насчет label?

Есть ли решение, которое будет работать в IE6?

Ответ 1

Попробуйте следующее:

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

Ответ 2

Привет сначала укажите id для выбора в качестве

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

то вы можете вызвать выбранную метку следующим образом:

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

Ответ 3

Для справки также имеется вторичный атрибут label в теге option:

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

Ответ 4

Чтобы получить метку определенного параметра в раскрывающемся списке лет, вы можете это сделать -

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

или

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

Ответ 5

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

Индекс 0 в опции: eq (0) "можно обменять на любой индексированный параметр, который вы хотите получить.

Это полезно: http://www.myphpetc.com/2009/03/jquery-select-element-cheat-sheet.html

Ответ 6

Попробуйте следующее:

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

Это вытащит отображаемый текст для обоих стилей элементов <option>:

<option label="foo"><option> → "foo"
<option>bar<option> → "bar"

Если у него есть как атрибут label, так и текст внутри элемента, он будет использовать атрибут label, который является тем же самым поведением, что и браузер.

Для потомков это было проверено в jQuery 3.1.1

Ответ 7

Я нашел это полезным

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

При доступе к селектору с помощью ключевого слова this.

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

Ответ 8

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

Ответ 9

Создан рабочий Плункер для этого. https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen $('#console').append("<br/>"+$('#test_s :selected').text())

Ответ 10

В современных браузерах для этого вам не нужен JQuery. Вместо этого используйте

document.querySelectorAll('option:checked')

Или укажите любой элемент DOM вместо document

Ответ 11

Вы ищете $select.html()

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