Quale selettore è necessario per selezionare un'opzione in base al suo testo?

Devo verificare se a <select>ha un'opzione il cui testo è uguale a un valore specifico.

Ad esempio, se c'è un <option value="123">abc</option>, sarei alla ricerca di "abc".

C'è un selettore per farlo?

Sto cercando qualcosa di simile $('#select option[value="123"]');ma per il testo.

Questo potrebbe aiutare:

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

Demo violino

Questo ti darebbe l'opzione con il testo Be non quelli che contengono testo che contiene B. Spero che questo ti aiuti

Per le versioni recenti di jQuery quanto sopra non funziona. Come commentato da Quandary di seguito, questo è ciò che funziona per jQuery 1.9.1:

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

Violino aggiornato

È possibile utilizzare il :contains()selettore per selezionare elementi che contengono testo specifico.
Per esempio:

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

Per verificare se un determinato <select>elemento ha tale opzione, utilizzare il .has()metodo :

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

Per trovare tutti gli <select>s che contengono tale opzione, usa il :has()selettore :

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

Nessuno dei precedenti suggerimenti ha funzionato per me in jQuery 1.7.2 perché sto cercando di impostare l'indice selezionato dell'elenco in base al valore di una casella di testo e alcuni valori di testo sono contenuti in più opzioni. Ho finito per usare il seguente:

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

Ho affrontato lo stesso problema di seguito è il codice di lavoro:

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

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

Questo ha funzionato per me: $("#test").find("option:contains('abc')");

Questo è il metodo migliore per selezionare il testo nell'elenco a discesa.

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

Ho provato alcune di queste cose fino a quando non ne ho avuto uno che funzionasse sia in Firefox che in IE. Questo è quello che mi è venuto in mente.

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

un altro modo di scriverlo in un modo più leggibile:

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

pseudocodice:

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

Usa il seguente

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

Funzionerà in jQuery 1.6 (nota i due punti prima della parentesi quadra aperta), ma fallisce nelle versioni più recenti (1.10 al momento).

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

Per jquery la versione 1.10.2 sotto ha funzionato per me

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

Questo lavoro per me

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

Questo funziona per me:

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

La resultvariabile restituirà l'indice del valore di testo corrispondente. Ora lo imposterò semplicemente usando il suo indice:

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

O esegui l'iterazione attraverso le opzioni o inserisci lo stesso testo all'interno di un altro attributo dell'opzione e selezioni con quello.

Questo funzionerà anche.

$ ('# test'). find ("seleziona opzione: contiene ('B')"). filtro (": selezionato");

Come descritto in questa risposta , puoi facilmente creare il tuo selettore per hasText. Questo ti permette di trovare l'opzione con$('#test').find('option:hastText("B")').val();

Ecco il metodo hasText che ho aggiunto:

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

Questo funziona per me

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

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

Grazie per tutti i post.