¿Cómo selecciono un elemento por su valor de texto en un menú desplegable usando jQuery?

Question

Si tenía la siguiente selección, y no sabía el valor que debía usar para seleccionar un elemento por adelantado como en este question o el índice del artículo que quería seleccionado, ¿cómo podría seleccionar una de las opciones con jQuery si lo hiciera? saber el valor del texto como la Opción C?

<select id='list'> 
<option value='45'>Option A</option> 
<option value='23'>Option B</option> 
<option value='17'>Option C</option> 
</select> 

Answer 1

var option; 
$('#list option').each(function() { 
    if($(this).text() == 'Option C') { 
     option = this; 
     return false; 
    } 
}); 

Answer 2

Esto debería hacer el truco:

// option text to search for 
var optText = "Option B"; 
// find option value that corresponds 
var optVal = $("#list option:contains('"+optText+"')").attr('value'); 
// select the option value 
$("#list").val(optVal) 

Como eyelidlessness señala, esto va a comportarse de forma impredecible cuando el texto que se busca se puede encontrar en más de una opción.

Answer 3

function SelectItemInDropDownList(itemToFind){  
     var option; 
     $('#list option').each(function(){ 
      if($(this).text() == itemToFind) { 
       option = this; 
       option.selected = true; 
       return false;  
       } 
      }); } 

Solo modifiqué el código anterior porque solo localizaba la opción en la lista de selección, algunos pueden querer una demostración literal.

Answer 4

$("#list option").each(function() { 
    this.selected = $(this).text() == "Option C"; 
});