jQuery: Sélection d'un élément dans une liste déroulante à l'aide de la valeur textuelle

Question

À l'aide de jQuery, quel est le moyen le plus simple de sélectionner un élément dans une liste déroulante à l'aide de la valeur de texte. Par exemple, j'ai une liste déroulante qui a une liste d'états. Et j'ai la valeur du texte de "PA". Je veux que "PA" soit la valeur sélectionnée. Quelle est la meilleure façon de le faire en utilisant jQuery. J'ai fait des recherches Google pendant des heures et je ne peux pas trouver un exemple à cette question.

Notez que chaque élément de la liste déroulante comporte une clé numérique. Et je sais que $ (# ddlStates) .val (clé) sélectionnera la valeur que je veux. Cependant, je n'ai pas la clé seulement le test ("PA")

Merci pour votre aide.

Answer 1

Pour être sûr à 100% sur le match, vous pouvez le faire:

$("#ddlStates option").filter(function() { 
    return $(this).text() == "PA"; 
}).attr('selected', true); 

Qu'est-ce qui fonctionnera probablement pour votre scénario est le sélecteur :has(), moins en sécurité dans d'autres est juste:

$("#ddlStates option:contains('PA')").attr('selected', true); 

You can test it out here, vous ne voudriez pas l'utiliser dans d'autres cas, car il correspondrait à une sous-chaîne, mais puisque vous avez des états, vraisemblablement tous les 2 lettres cela fonctionnera ici. Pour les autres cas, vous pouvez utiliser la première méthode.

Answer 2

$("#myselect :selected").text(); 

voir ce post Get selected text from a drop-down list (select box) using jQuery