¿Cómo obtener la etiqueta de la opción de selección con jQuery?

Question

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

El valor se puede recuperar por $select.val().

¿Qué tal el label?

¿Hay alguna solución que funcione en IE6?

Answer 1

Prueba esto:

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

Answer 2

Usted está buscando $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() 

El índice 0 en la "opción: eq (0)" puede ser intercambiado por cualquier opción indexada que quiera recuperar.

Esto es útil: http://www.myphpetc.com/2009/03/jquery-select-element-cheat-sheet.html

Answer 5

Hola primero dar un id al selecto como

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

continuación, puede llamar a la etiqueta seleccionada como esa:

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

Answer 6

Para obtener el etiqueta de una opción específica en un menú desplegable, puede escribir esto -

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

o

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

Answer 7

Como referencia también hay un label atributo secundario en la etiqueta de opción:

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

Prueba esto:

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

Esto hará que el texto que se muestra para ambos estilos de <option> elementos:

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

Si tiene tanto un atributo label y el texto dentro del elemento, usará el atributo label, que es el mismo comportamiento que el navegador.

Para la posteridad, esto fue probado bajo jQuery 3.1.1

Answer 9

Creada Plunker trabajando para esto. https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen $('#console').append("<br/>"+$('#test_s :selected').text())