Установить выбранное с помощью jQuery

Question

Я пытаюсь изменить выбранную опцию в этом списке. Она работает только для некоторых, а не для других?

selectedVal будет либо Kelly Green, Navy и т.д ...

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

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

Это список выбора:

<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

Используйте атрибут значения вместо текста в вашем селекторе. то есть:

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

Answer 2

Существует гораздо более простой способ установить выбранную опцию для элемента <select>.

Просто вызовите метод jQuery .val() против самого <select>:

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