javascript - 如果您知道选项值，如何从选择框中选择该值？

Question

给定以下 jQuery 插件:http://selectric.js.org/index.html它通过使用自定义 UL LI 列表替换常规选择框的功能，

根据插件文档，我知道如果您已经知道要使用以下代码选择的索引，则可以通过编程方式选择选项值:

 $('#idofselectbox').prop('selectedIndex', 3).selectric('refresh');

但它们不包含能够通过值查找和选择选项值的示例。

例如，

假设我想选择名为“apples”的选项值，但实际上不知道它在选择框中的索引。这有可能吗？

<select id="idofselectbox">
<option value="oranges">oranges</option>
<option value="pears">pears</option>
<option value="apples">apples</option>
<option value="strawberries">strawberries</option>
</select>

Answer 1

您可以像设置常规组合框一样设置该值，然后调用 selectic 上的刷新来刷新 UI。

$('#idofselectbox').val('apples').selectric('refresh');