如何清除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下拉列表

回答

相關問題