javascript - bootstrap - selectize on change

Selectize.js añadir manualmente algunos artículos

Question

Quiero agregar algunos elementos a una entrada seleccionada después de que el usuario haga clic en un botón. Los datos de entrada se cargan a través de Ajax. Cuando llamo addItem (valor) no pasa nada. Pero si intento escribir alguna cadena en la entrada, se cargan los datos y después de esto, funcionará addItem (valor).

https://github.com/brianreavis/selectize.js/blob/master/docs/api.md

Answer 1

Este complemento no intenta cargar metadatos de un elemento desde el servidor. Primero debe agregar una opción usando el método addOption() . Después de eso puedes usar addItem() .

v.selectize.addOption({value:13,text:''foo''}); //option can be created manually or loaded using Ajax
v.selectize.addItem(13); 

Answer 2

Prueba esto.

 $(''.select-ajax-city'').each(function() {
    if (this.selectize) {
        for(x=0; x < 10; ++x){
            this.selectize.addOption({value:x, text: x});
        }
    }
});  

Answer 3

Puedes agregar opciones como esta:

var $select = $(document.getElementById(''mySelect'')).selectize(options);
var selectize = $select[0].selectize;
selectize.addOption({value: 1, text: ''whatever''});
selectize.refreshOptions();

Esto solo agrega la opción como posible selección. Ahora puede usar addItem para agregar la nueva opción a la lista:

selectize.addItem(1);

Esto no necesita una función de actualización. No necesita usar "refreshOptions" si agrega la nueva opción inmediatamente.

Answer 4

Ty Este

var $select = $(document.getElementById(''Your-element-id''));
var selectize = $select[0].selectize;
selectize.addOption({value: ''2'', text: ''test''});
selectize.addItem(''2'');