Welchen Selektor brauche ich, um eine Option anhand ihres Textes auszuwählen?

Ich muss überprüfen, ob a <select>eine Option hat, deren Text einem bestimmten Wert entspricht.

Wenn es zum Beispiel eine gibt <option value="123">abc</option>, würde ich nach "abc" suchen.

Gibt es einen Selektor, um dies zu tun?

Ich suche etwas Ähnliches, $('#select option[value="123"]');aber für den Text.

Dies könnte helfen:

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

Demo Geige

Dies würde Ihnen die Option mit Text geben B und nicht diejenigen, die Text enthalten B. Hoffe das hilft

Für neuere Versionen von jQuery funktioniert das oben Gesagte nicht. Wie von Quandary unten kommentiert , funktioniert dies für jQuery 1.9.1:

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

Geige aktualisiert

Sie können die Verwendung :contains()Selektor Elemente auszuwählen , die einen bestimmten Text enthalten.
Beispielsweise:

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

<select>Verwenden Sie die folgende .has()Methode , um zu überprüfen, ob ein bestimmtes Element über eine solche Option verfügt :

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

<select>Verwenden Sie den :has()Selektor, um alle s zu finden , die eine solche Option enthalten :

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

Keiner der vorherigen Vorschläge hat in jQuery 1.7.2 für mich funktioniert, da ich versuche, den ausgewählten Index der Liste basierend auf dem Wert aus einem Textfeld festzulegen, und einige Textwerte in mehreren Optionen enthalten sind. Am Ende habe ich Folgendes verwendet:

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

Ich hatte das gleiche Problem wie der Arbeitscode:

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

Demo: http://jsfiddle.net/YRBrp/83/

Das hat bei mir funktioniert: $("#test").find("option:contains('abc')");

Dies ist die beste Methode zum Auswählen von Text in der Dropdown-Liste.

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

Ich habe einige dieser Dinge ausprobiert, bis ich eines bekam, das sowohl in Firefox als auch im IE funktioniert. Das habe ich mir ausgedacht.

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

eine andere Art, es lesbarer zu schreiben:

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

Pseudocode:

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

Verwenden Sie Folgendes

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

Dies funktioniert in jQuery 1.6 (Doppelpunkt vor der öffnenden Klammer beachten), schlägt jedoch bei den neueren Versionen (zu diesem Zeitpunkt 1.10) fehl.

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

Für jquery hat Version 1.10.2 unten für mich funktioniert

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

Diese Arbeit für mich

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

Das funktioniert bei mir:

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

Die resultVariable gibt den Index des übereinstimmenden Textwerts zurück. Jetzt werde ich es einfach mit seinem Index einstellen:

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

Entweder durchlaufen Sie die Optionen oder Sie fügen denselben Text in ein anderes Attribut der Option ein und wählen damit aus.

Dies wird auch funktionieren.

$ ('# test'). find ("Auswahloption: enthält ('B')"). filter (": selected");

Wie in dieser Antwort beschrieben , können Sie ganz einfach Ihren eigenen Selektor für hasText erstellen. Auf diese Weise können Sie die Option mit finden$('#test').find('option:hastText("B")').val();

Hier ist die hasText-Methode, die ich hinzugefügt habe:

 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;
     };
  }

Das funktioniert bei mir

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

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

Danke für alle Beiträge.