jQuery : comment obtenir le texte d'une option dans une balise select ?

Le sélecteur de jQuery vous permet de récupérer le texte d'une option d'une liste dans une page. Explication.

Le sélecteur de jQuery vous permet de récupérer le texte d'une option d'une liste dans une page. Nous allons prendre comme exemple la liste suivante :

<select id=liste>
<option value=1>Option A</option>
<option value=2>Option B</option>
<option value=3>Option C</option>
</select>

Il arrive souvent lorsque l'on manipule une liste que l'on veuille récupérer le texte de l'option sélectionnée. Pour cela il faut chercher dans la liste, en utilisant son identifiant, l'option qui a été sélectionnée. On appelle ensuite la méthode text() qui permet de récupérer le texte situé au sein de la balise.

var texte = JQuery(#liste option:selected).text(); //la variable texte reçoit le texte contenu dans l'option sélectionnée.

Si vous souhaitez récupérer le texte contenu dans une option en connaissant sa valeur, par exemple 2, il faudra alors rechercher l'option en fonction de sa valeur.

var texte = JQuery(#liste option[value='2']).text() //la variable texte reçoit la valeur option B

JQuery

Annonces Google