javascript - Bootstrap Selectpicker 不会使用内置函数重置

Question

我有一组 Bootstrap Selectpickers，用于从数据库中过滤结果。我需要一种将所有选择器重置为“未选择”的方法，这是我的代码:

HTML

<div class="row">
    <div class="col-md-3">
        <label>By Group</label>
        <select id="groups" name="group" class="form-control selectpicker" multiple></select>
    </div>
    <div class="col-md-3">
        etc...
    </div>
</div>

JS

ajax_fetch('build_group_options', {groupno:groupno}).done(function(html) {
    //var html is a list of options in html format
    $('#groups').html(html).find('option[value=""]').remove();
    //refresh the selectpicker to make sure options are registered in the picker
    $('.selectpicker').selectpicker('refresh');
});

尝试重置所有选择器:

$('#reset_filters').click(function() {
    $('.selectpicker').selectpicker('deselectAll');
    $('.selectpicker').selectpicker('render');
    $('.selectpicker').selectpicker('refresh');
    $(this).closest('form').find('.selectpicker').each(function() {
        $(this).selectpicker('render');
    });
});

如您所见，我已尝试重置所有功能但无济于事，所以显然我在逻辑上做错了。

Answer 1

我从下面的代码中得到了解决方案。试试吧

$("#listID").val('').trigger('change');

你也可以试试这个

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