Bootstrap selectpicker 在询问时未重置为默认值

Bootstrap selectpicker not resetting to default when asked

我要求 selectpicker() 将 select 框重置为默认值或 "no" 值 -- 我已尝试使用

$("#select_state").val('').selectpicker("refresh");

$("#select_state").val('default').selectpicker("refresh"); 

This Stack Overflow Question and

此外,我在插件中发现了一个名为deselectAll()的函数 -- 所以我尝试了

$("#select_state").selectpicker("deselectAll");

无济于事。有人可以告诉我正确的重置方法,或者刷新 selectpicker -- 因为我认为插件已经更新,因为我一直在阅读过去的问题...

我的 select 看起来像这样 --

<select id="select_state" title="State" data-live-search="true" data-style="btn-info" data-width="125px">
    <option value="AL">Alabama</option>
    <option value="AK">Alaska</option>
    <option value="AZ">Arizona</option>
    <option value="AR">Arkansas</option>
    <option value="CA">California</option>
    ...
</select>
<script>
    $('#select_state').selectpicker();
</script>

注意 控制台日志上没有错误 -- 并且重置功能正常启动,并且正在将我所有其他字段重置为空 IE

$('#email').val('');
$('#phone').val('');
$('#firstname').val('');
$('#lastname').val('');
$('#address').val('');
$('#city').val('');
$("#select_state").val('default').selectpicker("refresh");
$('#zip').val('');

这就是我最终所做的——我将 selectedIndex 设置为 0。然后我刷新了它。这对我有用。

var myselect = $("select#select_state");
myselect[0].selectedIndex = 0;
myselect.selectpicker("refresh");