首页 > 解决方案 > 询问时引导选择选择器未重置为默认值

问题描述

我要求selectpicker()将选择框重置为默认值或“否”值——我曾尝试使用

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

或者

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

根据这个堆栈溢出问题这个堆栈溢出问题

另外,我在插件中发现了一个函数叫deselectAll()——所以我试了

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

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

我的选择看起来像这样——

<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('');

标签: jquerybootstrap-select

解决方案


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

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

推荐阅读