javascript - 如何清除 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();