selectize.js 드롭 다운 목록 지우기 방법

Question

selectize.js 라이브러리에는 사용자 입력을 지우는 두 가지 방법 (지움 및 지우기 옵션)이 있습니다. 이 방법의 문제점은 모든 항목을 지우는 것이므로 닫을 때 드롭 다운 목록의 내용 만 지워야한다는 것입니다.

현재이 문제가 발생합니다. 검색 상자에 모델을 쿼리하고 드롭 다운 목록에서 모델 목록을 검색하고 원하는 모델을 선택하고 드롭 다운 목록을 닫으려면 클릭하십시오. 그런 다음 검색을 다시 쿼리 할 때 드롭 다운 목록이 비어있을 것으로 예상하지만 이전 검색 결과는 여전히 포함되어 있습니다.

드롭 다운 목록의 내용 만 지우는 방법이 있습니까?

아래 목록은 JavaScript입니다. 나는 빈 방법을 사용하여 DIV의 내용을 삭제하려고했습니다 <div class="selectize-dropdown-content">

$('.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); 
      } 
     }); 
    } 
}); 

드롭 다운 목록의 사업부입니다. 이 드롭 다운 목록을 제거로이와

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

나는, 도서관 콘텐츠 캐시를 유지 백그라운드에서 뭔가를하고 의심하지만, 검색 상자의 클릭에 그것은 다시 목록을 제공합니다.

Answer 1

양식을 재설정하여 선택 입력을 지울 수있었습니다. 저장하려는 다른 필드가 지워지지만 저에게 도움이되는지 확실하지 않습니다.

document.getElementById ('webinar-reg'). reset();