bootstrap-select 重置或选中第一个 option

时间:2024-03-16 19:02:15

有时候会出现需要重置select选项的情况,这就需要我们清楚原本已选择选项的样式,并回到默认状态,也就是选择第一个option的状态。

页面结构截图:

bootstrap-select 重置或选中第一个 option

这个过程会发现操作原select很容易,但是使用了bootstrap-select,这个结构样式是自动生成的,改起来是很麻烦的,

我们不仅需要修改select的option,还要修改bootstrap-select的option,这样才能保证页面选中的option跟实际上的select是一致的。

方法如下:

                document.getElementById("extraSelect1").options.selectedIndex = 0; //使select重置,会默认选中第一个

                $("#extraSelect1").selectpicker('refresh');//使extraSelect1刷新,相当于重置,会默认选中第一个