jquery - jQueryを使用して選択を設定

Question

このリスト内で選択したオプションを変更しようとしています..一部のオプションでのみ機能し、他のオプションでは機能しませんか?

selectedVal は、ケリー グリーン、ネイビーなどのいずれかになります。

 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

セレクターでテキストの代わりに value 属性を使用します。すなわち:

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

Answer 2

要素の選択されたオプションを設定するもっと簡単な方法があります<select>。

それ自体に対してjQuery の.val()メソッドを呼び出すだけです。<select>

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