Comment obtenir le texte sélectionné dans une liste déroulante à l'aide de jQuery ?

Obtenir le texte sélectionné à partir de listes déroulantes avec jQuery

Besoin de récupérer le texte réel de l'élément sélectionné dans une liste déroulante ? jQuery propose une solution simple :

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

Décomposons-la :

• $("#yourdropdownid") : sélectionne la liste déroulante avec l'ID spécifié.
• option : cible les options (éléments de la liste) dans la liste déroulante list.
• :selected : filtre les options pour obtenir celle actuellement sélectionnée.
• .text() : extrait le contenu textuel de la option sélectionnée.

En combinant ces éléments, vous pouvez facilement récupérer le texte sélectionné sous forme de chaîne. Par exemple, si votre liste déroulante a l'ID « mydropdown » et que l'option sélectionnée a le texte « Rouge », vous pouvez l'obtenir comme ceci :

var selectedText = $("#mydropdown option:selected").text();

Cette approche est particulièrement utile lorsque vous avez besoin pour afficher ou manipuler le texte sélectionné dans votre code, sans vous fier à la valeur sélectionnée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!