jQuery - Come selezionare la voce dell'elenco a discesa per testo?

Question

Come seleziono il mio elenco a discesa per articolo anziché per valore?

Desidero selezionare un elemento a discesa per testo con jQuery.

Answer 1

uso :contains()^(link)

$("select option:contains(text)").attr('selected', true); 

demo

Answer 2

C'è una filter function on jQuery che è possibile utilizzare per ottenere elementi con qualcosa di più specifico

$("select option").filter(function() { 
    return $(this).text() == "text_to_select"; 
}); 

Questo sta per tornare tutte le opzioni con il "text_to_select" nel testo.

Answer 3

penso che questo farà il trucco per voi ...

$("#selectId").find("option:contains('text')").each(function(){ 
    if($(this).text() == 'Text that should be matched') { 
    $(this).attr("selected","selected"); 
    } 
}); 

Answer 4

Ecco il codice che uso (non è proprio la stessa cosa come il altri suggerimenti qui e funziona con jQuery v1.8.3)

var userToSearchFor = 'mike'; // Select any options containing this text 

$("#ListOfUsers").find("option:contains('" + userToSearchFor +"')").each(function() { 
    $(this).attr("selected", "selected"); 
}); 

<select id="ListOfUsers" ></select> 

Spero che questo aiuti.

Answer 5

Ho avuto uno scenario simile con elenchi a discesa per paese, stato e città. Il Paese aveva "India" e "Territorio britannico dell'Oceano Indiano". Il problema con :contains() è che tenta su entrambe le corrispondenze. Ho fatto qualcosa di simile:

$('#country option').each(function(){ 
    if($(this).text() == 'India'){ 
     $(this).prop('selected', true).trigger('change'); 
    } 
}); 

Answer 6

$("selecter option:contains('" + data[i].ID+ "')").attr('selected', 'selected');