Selectize.js вручную добавить некоторые элементы

Question

Я хочу добавить некоторые элементы к выделенному вводу после того, как пользователь нажмет на кнопку. Входные данные загружаются через Ajax. Когда я вызываю addItem (значение), ничего не происходит. Но если я попытаюсь ввести некоторую строку во вход, она загрузит данные и после этого добавит addItem (значение).

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

Answer 1

Этот плагин не пытается загрузить предмета мета-данные с сервера. Вы должны сначала добавить опцию, используя метод addOption(). После этого вы можете использовать addItem().

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

Answer 2

Вы можете добавить опции, как это:

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

Это только добавляет вариант как возможный выбор. Теперь вы можете использовать AddItem, чтобы добавить новый параметр в списке:

selectize.addItem(1); 

Это не нужна функция обновления. Вам не нужно использовать «refreshOptions», если вы сразу же добавите новую опцию.

Answer 3

Попробуйте это.

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