De quel sélecteur ai-je besoin pour sélectionner une option par son texte?

Je dois vérifier si un <select> a une option dont le texte est égal à une valeur spécifique.

Par exemple, s'il y a un <option value="123">abc</option>, je rechercherais "abc".

Existe-t-il un sélecteur pour ce faire?

Je cherche quelque chose de similaire à $('#select option[value="123"]');mais pour le texte.

Cela pourrait aider:

$('#test').find('option[text="B"]').val();

Violon de démonstration

Cela vous donnerait l'option avec du texte Bet non pas ceux qui contiennent du texte B. J'espère que cela t'aides

Pour les versions récentes de jQuery, ce qui précède ne fonctionne pas. Comme commenté par Quandary ci-dessous, c'est ce qui fonctionne pour jQuery 1.9.1:

$('#test option').filter(function () { return $(this).html() == "B"; }).val();

Violon mis à jour

Vous pouvez utiliser le :contains()sélecteur pour sélectionner des éléments contenant du texte spécifique.
Par exemple:

$('#mySelect option:contains(abc)')

Pour vérifier si un <select>élément donné a une telle option, utilisez la .has()méthode :

if (mySelect.has('option:contains(abc)').length)

Pour trouver tous les <select>s contenant une telle option, utilisez le :has()sélecteur :

$('select:has(option:contains(abc))')

Aucune des suggestions précédentes n'a fonctionné pour moi dans jQuery 1.7.2 car j'essaie de définir l'index sélectionné de la liste en fonction de la valeur d'une zone de texte, et certaines valeurs de texte sont contenues dans plusieurs options. J'ai fini par utiliser ce qui suit:

$('#mySelect option:contains(' + value + ')').each(function(){
    if ($(this).text() == value) {
        $(this).attr('selected', 'selected');
        return false;
    }
    return true;
});

J'ai rencontré le même problème ci-dessous est le code de travail:

$("#test option").filter(function() {
    return $(this).text() =='Ford';
}).prop("selected", true);

Démo: http://jsfiddle.net/YRBrp/83/

Cela a fonctionné pour moi: $("#test").find("option:contains('abc')");

Il s'agit de la meilleure méthode pour sélectionner du texte dans la liste déroulante.

$("#dropdownid option:contains(your selected text)").attr('selected', true);

J'ai essayé quelques-unes de ces choses jusqu'à ce que j'en ai une qui fonctionne à la fois dans Firefox et IE. C'est ce que j'ai trouvé.

$("#my-Select").val($("#my-Select" + " option").filter(function() { return this.text == myText }).val());

une autre façon de l'écrire de manière plus lisible:

var valofText = $("#my-Select" + " option").filter(function() {
    return this.text == myText
}).val();
$(ElementID).val(valofText);

Pseudocode:

$("#my-Select").val( getValOfText( myText ) );

Utiliser suivant

$('#select option:contains(ABC)').val();

Cela fonctionnera dans jQuery 1.6 (notez les deux-points avant le crochet d'ouverture), mais échoue sur les versions les plus récentes (1.10 à l'époque).

$('#mySelect option:[text=abc]")

Pour la version 1.10.2 jquery ci-dessous a fonctionné pour moi

  var selectedText="YourMatchText";
    $('#YourDropdownId option').map(function () {
       if ($(this).text() == selectedText) return this;
      }).attr('selected', 'selected');
    });

Ce travail pour moi

$('#mySelect option:contains(' + value + ')').attr('selected', 'selected');

Cela fonctionne pour moi:

var result = $('#SubjectID option')
            .filter(function () 
             { return $(this).html() == "English"; }).val();

La resultvariable renverra l'index de la valeur de texte correspondante. Maintenant, je vais le définir en utilisant son index:

$('#SubjectID').val(result);

Soit vous parcourez les options, soit vous placez le même texte dans un autre attribut de l'option et vous sélectionnez avec cela.

Cela fonctionnera également.

$ ('# test'). find ("select option: contains ('B')"). filter (": selected");

Comme décrit dans cette réponse , vous pouvez facilement créer votre propre sélecteur pour hasText. Cela vous permet de trouver l'option avec$('#test').find('option:hastText("B")').val();

Voici la méthode hasText que j'ai ajoutée:

 if( ! $.expr[':']['hasText'] ) {
     $.expr[':']['hasText'] = function( node, index, props ) {
       var retVal = false;
       // Verify single text child node with matching text
       if( node.nodeType == 1 && node.childNodes.length == 1 ) {
         var childNode = node.childNodes[0];
         retVal = childNode.nodeType == 3 && childNode.nodeValue === props[3];
       }
       return retVal;
     };
  }

Ça marche pour moi

var options = $(dropdown).find('option');
var targetOption = $(options).filter(
function () { return $(this).html() == value; });

console.log($(targetOption).val());

Merci pour tous les messages.