В библиотеке selectize.js есть два способа очистки ввода пользователя (clear и 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 class="selectize-dropdown-content">
Я попытался очистив содержимое DIV с помощью пустого метода.
$('.model-select-dropdown').find('.selectize-dropdown-content').empty()
С этим я подозреваю, что библиотека делает что-то в фоновом режиме, который держит содержимое в кэше, поскольку он удаляет из выпадающего списка, а по щелчку поле поиска приносит список обратно.