Wie löschen selectize.js Dropdown-Listen

Question

Im selectize.js Bibliothek gibt es zwei Methoden Benutzereingaben (klar und clearOptions) zu löschen. Das Problem mit diesen Methoden ist, dass sie alles löschen und ich nur den Inhalt der Dropdown-Liste bei Abschluss löschen muss.

Momentan ist das, was passiert: Ich frage das Suchfeld nach einem Modell ab, lade eine Liste von Modellen in der Dropdown-Liste, wähle die gewünschten Modelle, klicke weg, um die Dropdown-Liste zu schließen. Wenn ich dann die Suche erneut abfrage, erwarte ich, dass die Dropdown-Liste leer ist, aber immer noch die vorherigen Suchergebnisse enthält.

Gibt es eine Möglichkeit, nur den Inhalt der Dropdown-Liste zu löschen?

Unten ist das JavaScript für die Liste.

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

Die div für die Dropdown-Liste ist <div class="selectize-dropdown-content">

ich den Inhalt des div Clearing durch die leere Methode ausprobiert habe.

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

Damit ich vermute, dass die Bibliothek etwas im Hintergrund tut, der den Inhalt gecached hält, als er die Liste Dropdown entfernt, sondern auf Klick auf das Suchfeld bringt es die Liste wieder nach oben.

Answer 1

Ich konnte den Selectize-Eingang löschen, indem ich das Formular zurücksetzen. Nicht sicher, ob das andere Felder löscht, die Sie speichern möchten, aber für mich funktioniert.

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