使用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() method与<select>本身联系起来：

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