使用 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> 元素的选定选项。

只需针对<select> 本身调用jQuery's .val() method：

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