Come ottenere l'etichetta dell'opzione select con jQuery?

Question

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

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

E lo label?

Esiste una soluzione che funzionerà in IE6?

Answer 1

Prova questo:

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

Answer 2

Siete alla ricerca di $select.html()

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

Answer 3

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

Answer 4

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

Il 0 indice nel "opzione: eq (0)" può essere scambiati per qualsiasi opzione indicizzata che desideri recuperare.

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

Answer 5

Hi prima dare un id al di selezione come

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

quindi è possibile chiamare l'etichetta selezionato così:

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

Answer 6

Per ottenere il l'etichetta di un'opzione specifica in un menu a discesa è possibile -

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

o

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

Answer 7

Per riferimento c'è anche un attributo secondario label sulla opzione etichetta:

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

Prova questo:

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

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

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

Se si ha sia un attributo label e il testo all'interno dell'elemento, verrà utilizzato l'attributo label, che è lo stesso comportamento del browser.

Ai posteri, questo è stato testato in jQuery 3.1.1

Answer 9

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