ensemble déroulante valeur par le texte à l'aide de jquery

Question

J'ai une liste déroulante:

<select id="HowYouKnow" >
  <option value="1">FRIEND</option>
  <option value="2">GOOGLE</option>
  <option value="3">AGENT</option></select>

Dans le déroulant ci-dessus je sais que le texte de la liste déroulante. Comment pouvez définir la valeur de la liste déroulante dans le document.prêt avec le texte à l'aide de jquery?

Answer 1

C'est une méthode qui fonctionne basé sur le texte de l'option, pas l'index. Juste testé.

var theText = "GOOGLE";
$("#HowYouKnow option:contains(" + theText + ")").attr('selected', 'selected');

Ou, si il y a des valeurs similaires (merci shanabus):

$("#HowYouKnow option").each(function() {
  if($(this).text() == theText) {
    $(this).attr('selected', 'selected');            
  }                        
});

Answer 2

Pour la correspondance exacte utilisation

    $("#HowYouKnow option").filter(function(index) { return $(this).text() === "GOOGLE"; }).attr('selected', 'selected');

contient va choisir le dernier match qui pourrait ne pas être exact.

Answer 3

$("#HowYouKnow option[value='" + theText + "']").attr('selected', 'selected'); // added single quotes

Answer 4

var myText = 'GOOGLE';

$('#HowYouKnow option').map(function() {
    if ($(this).text() == myText) return this;
}).attr('selected', 'selected');

Answer 5

$("#HowYouKnow").val("GOOGLE");