Comment récupérer le texte et la valeur de l'option sélectionnée à partir d'une liste déroulante à l'aide de jQuery ?

jQuery : Récupérer l'option sélectionnée à partir d'une liste déroulante

Lorsque vous travaillez avec des éléments déroulants, l'obtention de l'option sélectionnée peut parfois nécessiter une approche différente de celle généralement utilisé pour d’autres éléments de formulaire. En effet, le choix d'une option dans une liste déroulante ne modifie pas directement la valeur de la liste déroulante. Au lieu de cela, l'option sélectionnée est identifiée par la propriété ':selected'.

À cette fin, jQuery propose une solution simple :

Récupération du texte sélectionné

Pour récupérer le texte de l'option sélectionnée, utilisez :

var conceptName = $('#aioConceptName').find(":selected").text();

Récupération de la sélection Valeur

Si vous avez besoin de la valeur de l'option sélectionnée, utilisez :

var conceptName = $('#aioConceptName').find(":selected").val();

La raison pour laquelle val() peut ne pas fonctionner dans ce contexte est que cliquer sur une option dans un dropdown modifie la propriété :selected de l'option plutôt que la valeur de la liste déroulante. Par conséquent, l’approcher directement avec val() peut ne pas donner le résultat souhaité.

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!