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

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

Lors de l'utilisation de $("#id").val() pour renvoyer la valeur d'une option sélectionnée dans une liste déroulante, on peut rencontrer des résultats inattendus. Cela est dû à un scénario spécifique impliquant l'ID de l'élément et la nature des options de liste déroulante.

Dans le code HTML, où l'élément avec l'ID aioConceptName représente une liste déroulante, le code suivant ne fonctionnera pas comme prévu :

$('#aioConceptName').val()

La raison en est que val() récupère l'attribut value de la liste déroulante elle-même, et non l'option sélectionnée dans celle-ci. Pour obtenir la valeur ou le texte de l'option sélectionnée, utilisez l'approche suivante :

Pour le texte sélectionné :

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

Ce code localise l'option sélectionnée dans la liste déroulante. à l'aide du sélecteur :selected et récupère son texte.

Pour sélectionné Valeur :

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

Ce code localise de la même manière l'option sélectionnée mais renvoie son attribut de valeur.

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!