如何清除 selectize.js 下拉列表

Question

在 selectize.js 库中，有两种清除用户输入的方法（clear 和 clearOptions）。这些方法的问题是它们清除了所有内容，我只需要在关闭时清除下拉列表的内容。

目前情况如下：我在搜索框中查询模型，在下拉列表中检索模型列表，选择我想要的模型，单击离开以关闭下拉列表。然后，当我再次查询搜索时，我希望下拉列表为空，但它仍然包含以前的搜索结果。

有没有办法只清除下拉列表的内容？

下面是列表的 JavaScript。

$('.model-select-dropdown').selectize({
    plugins: ['remove_button'],
    valueField: 'id',
    labelField: 'label',
    searchField: 'label',
    persist: false,
    options: [],
    load: function(query, callback) {
        $.ajax({
            url: $i.contextPath + "/service/vehicle/model/suggestions/",
            type: 'GET',
            dataType: "json",
            cache: false,
            error: function() {
                callback();
            },
            data: {
                query: query,
                businessUnits: getSelectedBusinessUnits()
            },
            success: function(res) {
                callback(res);
            }
        });
    }
});

下拉列表的 div 是<div class="selectize-dropdown-content">

我试过用empty方法清除div的内容。

$('.model-select-dropdown').find('.selectize-dropdown-content').empty()

因此，我怀疑该库正在后台执行某些操作以保持内容缓存，因为它会删除下拉列表，但单击搜索框会重新显示该列表。

Answer 1

我能够通过重置表单来清除选择输入。不确定这是否会清除您要保存的其他字段，但对我有用。

document.getElementById('webinar-reg').reset();