javascript - selectize js中旧数据不替换为新数据

Question

我正在使用ajax并选择js。根据下拉菜单的值，我想在选择选择框中填充动态数据。我写了一个ajax电话。当我第一次更改下拉菜单时，数据会加载到选择框中，这很好。但是当再次更改下拉菜单时，选择框的数据不会动态更改。我第一次选择的数据总是显示在那里。控制台显示数据正在根据下拉值动态变化。但未分配给选择框。

$('.branchName').bind("change", function() {    

    $.ajax({
        type : "GET",
        url : "${listRestBranches}", //URL
        data : {'branchId':branchVal}, //value
        contentType : "application/json; charset=utf-8",
        cache : true,
        success : function(getRestDept) {

            console.log(JSON.stringify(getRestDept)) // getting dynamic results accroding to drop-down bind

            var $select = $('#select-rest-department').selectize({
                        plugins: ['remove_button'],
                        maxItems: null,
                        valueField: 'departmentId',
                        labelField: 'departmentName',
                        searchField: 'departmentName',
                        options: getRestDept,
                        create: false
                    });
             var control = $select[0].selectize;
                 control.clear();       
        },
        error : function(data) {
            console.log(data)

        }

    })
})

解决这个问题我感到非常疲倦，我使用了在线参考资料，但我做不到。提前致谢

Answer 1

在console.log()下尝试一下。您必须销毁旧数据。所以你可以用这个

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