impostare il valore di discesa dal testo utilizzando jQuery

Question

Ho un menu a discesa come:

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

Nel menu a discesa sopra so che il testo della discesa. Come si può impostare il valore del menu a discesa in document.ready con il testo usando jquery?

Answer 1

Questo è un metodo che funziona basato sul testo dell'opzione, non sull'indice. Appena testato

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

Oppure, se ci sono valori simili (grazie shanabus):

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

Answer 2

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

Answer 3

$("#HowYouKnow option:eq(XXX)").attr('selected', 'selected'); 

dove XXX è l'indice di quello che si desidera.

Answer 4

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

Answer 5

Ecco un semplice esempio:

$("#country_id").change(function(){ 
    if(this.value.toString() == ""){ 
     return; 
    } 
    alert("You just changed country to: " + $("#country_id option:selected").text() + " which carried the value for country_id as: " + this.value.toString()); 
}); 

Answer 6

var myText = 'GOOGLE'; 

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

Answer 7

Per l'uso corrispondenza esatta

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

contiene sta per selezionare l'ultima corrispondenza che potrebbe non essere esatta.

Answer 8

per Google, GOOGLEDOWN, GOOGLEUP cioè simile tipo di valore si può provare sottostante Codice

$("#HowYouKnow option:contains('GOOGLE')").each(function() { 

         if($(this).html()=='GOOGLE'){ 
          $(this).attr('selected', 'selected'); 
         } 
        }); 

In questo modo, il numero di iterazione del ciclo può essere ridotta e lavorerà in tutte le situazioni.

Answer 9

Il seguente codice funziona per me -:

jQuery('[id^=select_] > option').each(function(){ 
     if (this.text.toLowerCase()=='text'){ 
      jQuery('[id^=select_]').val(this.value); 
     } 
}); 

jQuery ('[id^= select_]') - Questo permette di selezionare a discesa dove ID della goccia inizia giù da select_

Spero che questo aiuti!

Acclamazioni S

Answer 10

Questa è lavorato sia Chrome e Firefox

valore impostato per casella a discesa.

var given = $("#anotherbox").val(); 
$("#HowYouKnow").text(given).attr('value', given); 

Answer 11

provare questo ..

$(element).find("option:contains(" + theText+ ")").attr('selected', 'selected');