Come ottenere l'etichetta dell'opzione di selezione con jQuery?

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

Il valore può essere recuperato da $select.val().

E il label?

Esiste una soluzione che funzioni in IE6?

Prova questo:

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

Ciao per prima cosa dai un ID alla selezione come

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

quindi puoi chiamare l'etichetta selezionata in questo modo:

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

Per riferimento c'è anche un labelattributo secondario sul tag 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>

Per ottenere l'etichetta di un'opzione specifica in un menu a discesa, puoi farlo:

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

o

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

L'ho trovato utile

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

Quando si accede al selettore utilizzando la thisparola chiave.

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

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

L'indice 0 in "opzione: eq (0)" può essere scambiato con qualsiasi opzione indicizzata che desideri recuperare.

Questo è utile: http://www.myphpetc.com/2009/03/jquery-select-element-cheat-sheet.html

Prova questo:

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

Questo estrarrà il testo visualizzato per entrambi gli stili di <option>elementi:

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

Se ha sia un labelattributo che un testo all'interno dell'elemento, utilizzerà l' labelattributo, che è lo stesso comportamento del browser.

Per i posteri, questo è stato testato con 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>

Creato Plunker funzionante per questo. https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen $('#console').append("<br/>"+$('#test_s :selected').text())

Nei browser moderni non è necessario JQuery per questo. Invece usa

document.querySelectorAll('option:checked')

Oppure specifica qualsiasi elemento DOM invece di document

Stai cercando $select.html()

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