jQuery: cómo seleccionar un elemento de la lista desplegable por texto?

Question

¿Cómo seleccionaría mi elemento de lista desplegable por texto en lugar de valor?

Quiero seleccionar un elemento desplegable por texto con jQuery.

Answer 1

uso :contains()^(link)

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

demo

Answer 2

Hay una filter function on jQuery que se puede utilizar para obtener elementos con algo más específico

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

Esto va a devolver todas las opciones con el "text_to_select" en el texto.

Answer 3

creo que esto va a hacer el truco para usted ...

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

Answer 4

Aquí está el código que uso (que no es exactamente lo mismo que el otras sugerencias aquí, y funciona 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> 

Espero que esto ayude.

Answer 5

Tuve un escenario similar con listas desplegables para el país, el estado y la ciudad. El país tenía "India", así como "Territorio Británico del Océano Índico". El problema con :contains() es que intenta en ambas coincidencias. Hice algo como:

$('#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');