Wie wählt man eine Option über ihren Text?

Question

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

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

Gibt es einen Selektor, um dies zu tun?

Ich bin auf der Suche nach etwas ähnlich wie $('#select option[value="123"]');, aber für den Text.

Answer 1

Dies könnte helfen:

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

Demo - http://jsfiddle.net/nmvf6/1/

Dies würde Ihnen die Möglichkeit, mit Text B und nicht diejenigen, die Text enthält, B enthält. Hope this

EDIT hilft:

Neuere Versionen von jQuery die oben nicht funktioniert. Wie unten durch Quandary kommentiert, ist das, was für jQuery funktioniert 1.9.1:

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

Updated fiddle

Answer 2

Entweder Sie durchlaufen die Optionen, oder legen Sie den gleichen Text in ein anderes Attribut der Option und wählen Sie mit diesem.

Answer 3

Sie können die :contains() selector verwenden, um Elemente auszuwählen, die bestimmten Text enthalten.
Zum Beispiel:

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

Um zu überprüfen, ob ein bestimmtes <select> Element eine solche Option hat, verwenden Sie die .has() method:

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

alle <select> s zu finden, die eine solche Option enthalten, verwenden Sie die :has() selector:

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

Answer 4

Keine der vorherigen Vorschläge für mich in jQuery 1.7.2 gearbeitet, weil ich versuche, die ausgewählte einstellen Index der Liste basierend auf dem Wert aus einem Textfeld, und einige Textwerte sind in mehreren Optionen enthalten. Ich beenden die Follow-up mit:

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

Answer 5

Dies wird in jQuery 1.6 (beachten Sie Doppelpunkt vor der öffnenden Klammer) arbeiten, aber nicht auf den neueren Versionen (1.10 zu der Zeit).

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

Answer 6

Dies funktioniert auch.

$ ('# test'). Find ("Option auswählen: enthält ('B')"). Filter (": selected");

Answer 7

Ich habe ein paar dieser Dinge ausprobiert, bis ich in Firefox und IE arbeiten konnte. Das ist, was mir eingefallen ist.

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

eine andere Art und Weise in einem besser lesbaren fasion des Schreibens:

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

Pseudocode:

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

Answer 8

Wie in this answer beschrieben, können Sie Ihre eigenen Wähler für hasText leicht erstellen. Auf diese Weise können Sie die Möglichkeit finden, mit $('#test').find('option:hastText("B")').val();

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

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

Answer 9

Dies funktioniert für mich

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

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

Vielen Dank für alle Beiträge.

Answer 10

Das ist für mich gearbeitet: $("#test").find("option:contains('abc')");

Answer 11

Verwenden folgenden

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

Answer 12

ich das gleiche Problem unter konfrontiert ist der Arbeitscode:

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

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

Answer 13

Für jquery Version 1.10.2 unter der Arbeit ed für mich

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

Answer 14

Dies ist die beste Methode für die Auswahl von Text in Dropdown-Liste.

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

Answer 15

Für jQuery 3:

$("#myDiv select").val("text");