如何通过编程方式基于选项值设置Selectric下拉框选中项？

嘿，刚好有过类似的需求，其实完全不用先去获取索引，直接利用已知的value就能完成操作，给你两种更简洁的实现方式：

方法一：利用jQuery原生val() + Selectric刷新 #

直接给原生的<select>元素设置目标value，再刷新Selectric的UI并触发change事件：

// 替换成你的目标value
const targetValue = 'your-target-value';
$('.store-availability').val(targetValue).selectric('refresh').change();

jQuery的val()方法本身就支持通过value值直接选中对应的选项，不管它的位置索引是多少，之后调用selectric('refresh')是为了让Selectric的自定义UI同步原生select的状态，最后.change()确保相关的变更逻辑被触发。

方法二：直接使用Selectric的内置API #

Selectric提供了select方法，支持直接传入value值来选中对应选项，内部会自动处理索引的问题，代码更精简：

// 替换成你的目标value
const targetValue = 'your-target-value';
$('.store-availability').selectric('select', targetValue);

大多数情况下，调用这个方法后Selectric会自动刷新UI并触发change事件，如果你的业务场景需要确保事件被触发，也可以在后面追加.change()。

这两种方式都比先获取索引再设置的流程更直接，代码量更少也更易维护。

内容的提问来源于stack exchange，提问作者user1283776