我有一系列 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');
    });
});

正如你所看到的，我已经尝试了所有的重置功能，但无济于事，所以我显然在逻辑上做了一些错误。

我从以下代码中得到了解决方案。尝试一下

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

你也可以尝试这个

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