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

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上调用refresh以刷新UI。

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