Maison  >  Article  >  interface Web  >  Comment sélectionner une option dans un contrôle de sélection par description textuelle à l'aide de jQuery ?

Comment sélectionner une option dans un contrôle de sélection par description textuelle à l'aide de jQuery ?

Susan Sarandon
Susan Sarandonoriginal
2024-11-04 21:06:02904parcourir

How to Select an Option in a Select Control by Text Description Using jQuery?

Comment définir une option sélectionnée dans un contrôle de sélection en fonction de sa description textuelle avec jQuery

La sélection d'une option dans un contrôle de sélection par sa valeur est une tâche assez simple dans jQuery. Cependant, si vous devez définir l'élément sélectionné en fonction de sa description textuelle, le processus peut être légèrement plus complexe.

Utilisation de jQuery v1.6

Pour les versions jQuery 1.6 et supérieur, vous pouvez utiliser le code suivant pour définir l'option sélectionnée par son texte :

<code class="js">var text1 = 'Two';
$("select option").filter(function() {
  return $(this).text() == text1;
}).prop('selected', true);</code>

Cet extrait de code utilise d'abord la méthode filter() pour sélectionner l'élément d'option avec la description textuelle correspondante (dans dans ce cas, "Deux"). Il définit ensuite la propriété sélectionnée de l'option sélectionnée sur true, la marquant ainsi comme l'option 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn