Question

在selectize.js库中，有两种方法可以清除用户输入（清除和 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">

我尝试使用空方法清除div的内容。

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

有了这个，我怀疑图书馆正在后台做一些事情来保持内容的缓存，因为它删除了下拉列表，但点击搜索框就会重新启动列表。

Answer 1

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

的document.getElementById（ '网络研讨会-REG'）复位（）;

如何清除selectize.js下拉列表

1 个答案: