jquery - 选择: Change settings dynamically

Question

我很难找到一种方法来动态更改选择设置

在我的js的上部，我已经像这样启动了我的选择:

    var selectize = $('select').selectize({
    .... others params...,
    .... others params...,
    load: function(query, callback) {
        $.ajax({
            url: "http://sample.com/test1", // Old remote url
            type: 'GET',
            data : {
                search : query
            },
            dataType : "json",
            error: function() {
                callback();
            },
            success: function(results) {
                if(results.data == undefined){
                    callback();
                }else{
                    callback(results.data); 
                }
            }
        });
    }
})[0].selectize;

有时，我需要在单击按钮时更改 selectize 的 url。我尝试了下面的代码。

selectize.clear();
selectize.clearOptions();
selectize.load(function(callback) {
    this.settings.url = "http://sample.com/test2";  // New remote url
    $.ajax({            
        url: this.settings.url,
        success: function(response) {
            callback(response.data);
        },
        error: function() {
            callback();
        }
    })
});

选项已更新，但网址仍然相同。当用户在搜索框中键入内容时，搜索查询将使用旧的 URL。

Answer 1

我已经成功找到了解决方案，但有点困惑。

selectize.settings.load =  function(query, callback) {
    $.ajax({
        url: "http://sample.com/test2", // NEW remote url
        type: 'GET',
        data : {
            search : query
        },
        dataType : "json",
        error: function() {
            callback();
        },
        success: function(results) {
            if(results.data == undefined){
                callback();
            }else{
                callback(results.data); 
            }
        }
    });
}

我希望有人能找到除此之外更好的解决方案。如果 selectize 的文档中有这个就更好了。