Comment sélectionner un élément par sa valeur de texte dans une liste déroulante utilisant jQuery?

Question

Si j'avais la sélection suivante, et ne connaissait pas la valeur à utiliser pour sélectionner un article à l'avance comme dans ce question ou l'index de l'article que je voulais sélectionné, comment pourrais-je sélectionner une des options avec jQuery si je l'ai fait connaître la valeur du texte comme l'option 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

Cela devrait faire l'affaire:

// 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) 

Comme eyelidlessness souligne, cela se comporter de façon imprévisible lorsque le texte recherchée se trouve dans plus d'une option.

Answer 3

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

J'ai seulement modifié le code précédent car il ne localisait que l'option dans la liste de sélection, certains peuvent vouloir une démonstration littérale.

Answer 4

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