Satz ausgewählt mit jQuery

Question

Ich versuche, die ausgewählte Option in dieser Liste zu ändern .. Es ist nur für einige und nicht andere zu arbeiten?

selectedVal wird entweder Kelly Grün, Navy etc ...

var selectedVal = $(this).text(); 

$("#product-variants-option-0 option[text=" + selectedVal+"]").attr("selected","selected") ; 

Dies ist die Auswahlliste:

<select class="single-option-selector" id="product-variants-option-0"> 
<option value="Gunmetal Heather">Gunmetal Heather</option> 
<option value="Kelly Green">Kelly Green</option> 
<option value="Navy">Navy</option> 
</select> 

Answer 1

Verwenden Wertattribut anstelle von Text in Ihrem Wähler. das heißt:

$("#product-variants-option-0 option[value=" + selectedVal+"]").attr("selected","selected") ; 

Answer 2

Es gibt eine viel einfachere Art und Weise die gewählte Option ein <select> Element einzustellen.

Rufen Sie einfach jQuery's .val() method gegen die <select> selbst:

$("#product-variants-option-0").val(selectedVal);