Comment récupérer le texte d'option en fonction de la valeur dans jQuery ?

Récupération du texte d'option par valeur dans jQuery

Dans le domaine du développement Web, extraire des informations spécifiques à partir d'éléments est une tâche courante. Dans jQuery, nous pouvons exploiter la puissance des sélecteurs pour y parvenir sans effort.

Considérez un scénario dans lequel vous avez une liste déroulante définie comme :

<code class="html"><select id="list">
    <option value="1">Option A</option>
    <option value="2">Option B</option>
    <option value="3">Option C</option>
</select></code>

L'objectif est de récupérer le texte de l'option avec une valeur spécifique (par exemple, "2"), qu'elle soit sélectionnée ou non. En utilisant un sélecteur comme "$("#list[value='2']").text();" ne donnera pas le résultat souhaité.

Solution 1 : cibler une option spécifique

Pour obtenir le texte de l'option avec une valeur spécifique, utilisez le sélecteur suivant :

<code class="javascript">$("#list option[value='2']").text();</code>

Solution 2 : Obtenir l'option sélectionnée

Alternativement, si vous souhaitez récupérer le texte de l'option actuellement sélectionnée, utilisez ce sélecteur :

<code class="javascript">$("#list option:selected").text();</code>

En tirant parti de ces sélecteurs, vous pouvez facilement extraire le texte de l'option souhaitée, vous permettant ainsi un contrôle précis sur vos applications Web.

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!