使用 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

在选择器中使用值属性而不是文本。 IE：

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

Answer 2

有一种更简单的方法来设置 元素的选定选项。

只需针对 < 调用 jQuery 的 .val() 方法 即可。选择>本身：

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