如何清除selectize.js下拉列表

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

目前这是发生了什么：我查询模型的搜索框，检索下拉列表中的模型列表，选择我想要的模型，点击关闭下拉列表。然后，当我再次查询搜索时，我希望下拉列表为空，但它仍包含以前的搜索结果。

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

以下是列表的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()

有了这个，我怀疑库在保持内容缓存的背景做一些事情，因为它消除了下拉列表中，但是，搜索框点击它带来的列表备份。

来源

2017-01-26 user3586417

我能够通过重置表单来清除选择输入。不知道是否清除了您想要保存的其他字段，但为我工作。

document.getElementById（'webinar-reg'）。reset（）;

来源

2017-02-22 02:11:51 briemarie

如何清除selectize.js下拉列表

回答

相关问题