Як отримати мітку вибору за допомогою jQuery?

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

Значення можна отримати за допомогою $select.val().

Що з label?

Чи є рішення, яке буде працювати в IE6?

Спробуйте це:

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

Привіт, спершу дайте ідентифікатор обраному як

<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()

Індекс 0 у "option: eq (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/