Lista desplegable de recarga selectize.js

Tengo un menu desplegable con el id "selectCountry" rellenado por ajax y en caso de éxito simplemente ato el Selectize.

$('#selectCountry').selectize({ create: true, sortField: 'text' }); 

Cuando vuelvo a vincular mi menu desplegable original con ajax y trato de volver a cargar / volver a enlazar o actualizo el antiguo cuadro de selección de autocomplete con éxito, no habría cambios en la list anterior.

¿Hay alguna manera de volver a cargar o actualizar seleccionar el menu desplegable? Probé con "clearOptions ()" y "refreshOptions ()".

PD, no quiero vincular directamente el selectize de ajax.

OK, ahora estoy agregando un ejemplo de trabajo para este problema en jsfiddle

Por favor, ayúdenme 🙁 cualquier sugerencia sería genial para mí. Muchas gracias

De alguna manera, encontré la respuesta y está trabajando aquí

solo agregue esta línea de código y su funcionamiento.

 $('#select-tools').selectize()[0].selectize.destroy(); 

Parece que también se abrió un problema en el proyecto , que no es, en mi humilde opinión, un buen uso de los problemas del proyecto.

Respondí allí, voy a repetir la respuesta aquí en caso de que pueda ser útil para otras personas.

No debe volver a crear el componente Selectize de la label original. Debes usarlo para actualizar sus opciones, usando clearOptions () como lo has adivinado, luego addOption () (a pesar del singular, acepta una matriz). Actualicé tu violín (+1 para hacer uno) para mostrar esto: https://jsfiddle.net/m06c56y0/20/

La parte relevante es:

 var selector; $('#button-1').on('click', function () { selector = $('#select-tools').selectize({ maxItems: null, valueField: 'id', labelField: 'title', searchField: 'title', options: [{ id: 1, title: 'Spectrometer', url: 'http://en.wikipedia.org/wiki/Spectrometers' }, { id: 2, title: 'Star Chart', url: 'http://en.wikipedia.org/wiki/Star_chart' }], create: false }).data('selectize'); }); $('#button-2').on('click', function () { console.log(selector); selector.clearOptions(); selector.addOption([{ id: 1, title: 'Spectrometer', url: 'http://en.wikipedia.org/wiki/Spectrometers' }, { id: 3, title: 'Electrical Tape', url: 'http://en.wikipedia.org/wiki/Electrical_tape' }]); }); 

También puedes hacer esto:

 $('#whateverYouCalledIt').selectize()[0].selectize.clear(); 

para simplemente borrar lo que ha sido seleccionado. No borrará su list de selección.