Comment obtenir l'étiquette de l'option de sélection avec jQuery?

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

La valeur peut être récupérée par $select.val().

Et le label?

Existe-t-il une solution qui fonctionnera dans IE6?

Essaye ça:

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

Bonjour, donnez d'abord un identifiant à la sélection en tant que

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

alors vous pouvez appeler l'étiquette sélectionnée comme ça:

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

Pour référence, il existe également un labelattribut secondaire sur la balise d'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>

Pour obtenir le libellé d'une option spécifique dans une liste déroulante, vous pouvez taper ceci -

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

ou

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

J'ai trouvé cela utile

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

Lors de l'accès au sélecteur à l'aide du thismot - clé.

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

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

L'index 0 dans l'option "option: eq (0)" peut être échangé contre l'option indexée que vous souhaitez récupérer.

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

Essaye ça:

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

Cela extraira le texte affiché pour les deux styles d' <option>éléments:

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

S'il a à la fois un labelattribut et du texte à l'intérieur de l'élément, il utilisera l' labelattribut, qui est le même comportement que le navigateur.

Pour la postérité, cela a été testé sous 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>

Créé le travail de Plunker pour cela. https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen $('#console').append("<br/>"+$('#test_s :selected').text())

Dans les navigateurs modernes, vous n'avez pas besoin de JQuery pour cela. Utilisez plutôt

document.querySelectorAll('option:checked')

Ou spécifiez un élément DOM au lieu de document

Vous cherchez $select.html()

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