2401 votes

Obtenir le texte sélectionné dans une liste déroulante (select box) en utilisant jQuery

Comment puis-je obtenir le texte sélectionné (et non la valeur sélectionnée) d'une liste déroulante en jQuery ?

13 votes

Juste mon avis : Un menu déroulant "ASP" n'est rien de spécial; c'est juste du bon vieux HTML. :-)

0 votes

On peut se référer à cet article: javascriptstutorial.com/blog/…

0 votes

Pour la méthode vanilla JavaScript, voir stackoverflow.com/a/5947/32453

3896voto

rahul Points 84185
$("#votreIDdropdown option:sélectionné").text();

213 votes

Je pense que cela devrait être $("#yourdropdownid").children("option").filter(":selected").‌​text() car is() renvoie un booléen indiquant si l'objet correspond au sélecteur ou non.

45 votes

Je soutiens le commentaire sur is() renvoyant un booléen; sinon, utilisez la modification suivante : $('#yourdropdownid').children("option:selected").text();

101 votes

$('select').children(':selected') est la façon la plus rapide : jsperf.com/get-selected-option-text

276voto

kgiannakakis Points 62727

Essayez ceci :

$("#myselect :selected").text();

Pour un menu déroulant ASP.NET, vous pouvez utiliser le sélecteur suivant :

$("[id*='MyDropDownId'] :selected")

226voto

user1199713 Points 786

Les réponses postées ici, par exemple,

$('#yourdropdownid option:selected').text();

n'ont pas fonctionné pour moi, mais cela a fait:

$('#yourdropdownid').find('option:selected').text();

Il s'agit peut-être d'une version plus ancienne de jQuery.

111voto

Kirk Liemohn Points 3489

Si vous avez déjà la liste déroulante disponible dans une variable, voici ce qui fonctionne pour moi:

$("option:selected", myVar).text()

Les autres réponses à cette question m'ont aidé, mais finalement le fil de discussion du forum jQuery $(this + "option:selected").attr("rel") option selected is not working in IE m'a le plus aidé.

Mise à jour: lien corrigé ci-dessus

66voto

Rafael Points 321
$("option:selected", $("#TipoRecorde")).text()

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X