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's .val() 方法 に対して <select> 自体：

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