Comment récupérer correctement l'option sélectionnée dans une liste déroulante à l'aide de jQuery ?

Obtention de l'option sélectionnée dans une liste déroulante avec jQuery

Lorsque vous tentez de récupérer l'option sélectionnée dans une liste déroulante à l'aide du $( de jQuery "#id").val(), vous pouvez rencontrer des scénarios où elle échoue. Un tel cas se produit lorsque l'option sélectionnée a un identifiant autre que la liste déroulante elle-même.

Considérez le code HTML suivant :

<label for="name">Name</label>
<input type="text" name="name">

Dans cet exemple, l'option sélectionnée a l'ID "aioConceptName ". L'utilisation de $("#aioConceptName").val() ne renverra pas la valeur de l'option sélectionnée car elle concerne spécifiquement l'élément déroulant lui-même.

Pour récupérer correctement l'option sélectionnée, vous pouvez utiliser l'approche suivante :

Pour le texte sélectionné :

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

Cette ligne de code récupère le contenu textuel du texte sélectionné option.

Pour la valeur sélectionnée :

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

Cette ligne de code récupère l'attribut de valeur de l'option sélectionnée.

La raison pour laquelle $ ("#id").val() échoue dans ce scénario car cliquer sur une option ne modifie pas la valeur de la liste déroulante elle-même. Au lieu de cela, il ajoute simplement la propriété :selected à l'option sélectionnée, qui est un élément enfant de la liste déroulante.

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!