Как настроить программный список selectize.js программно

Ответ 1

Вы можете использовать метод загрузки для установки опций через программный API. Вы также можете вызвать методы clear и clearOptions для reset выбранных значений и старых параметров.

Вот как собрать все вместе:

var selectize = $("#select-invite")[0].selectize;
selectize.clear();
selectize.clearOptions();
selectize.load(function(callback) {
    callback(inviteList);
});

Обратите внимание, что приглашениеList должно быть массивом объектов, которые имеют свойства, заданные в параметрах valueField и labelField, когда выбрана инициализация. Например, вот как должен выглядеть список приглашений со значениями по умолчанию: значениеField и labelField:

var inviteList = [
    {
        text: 'Option One',
        value: 1
    },
    {
        text: 'Option Two',
        value: 2
    }
];

Ответ 2

Насколько я знаю, нет способа добавления нескольких опций через API. Вам нужно написать цикл, который использует метод addOption(). Перед попыткой использования API вам нужно будет получить экземпляр управления selectize. Взгляните на приведенный ниже пример из примеров Github:

// Create the selectize instance as usual 
var $select = $('#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'},
        {id: 3, title: 'Electrical Tape', url: 'http://en.wikipedia.org/wiki/Electrical_tape'}
    ],
    create: false
});

// Get the selectize control instance
var control = $select[0].selectize;

// Add the new option when a button is clicked
// Remove the click event and put the addOption call in a loop
$('#button-addoption').on('click', function() {
        control.addOption({
        id: 4,
        title: 'Something New',
        url: 'http://google.com'
    });
});

Из Примеры Github.