Select2重新初始化不起作用

时间:2017-02-10 16:04:40

标签: javascript jquery drop-down-menu select2

我有一个选择框,它依赖于另一个选择框。我正在使用AJAX来更改第二个(从属)选择框上的选项。另外,我在两个选择框上都使用了select2插件,例如:

git push origin branch_name

我的问题是,刷新第二个选择框后,select2只会从此选择框中消失,并向我显示就像一个普通的选择框。在某处,我看到我可以使用destroy并“重新启动”选择。但是当我使用mySelect1.onChange事件时:

$(document).ready(function() {
    $('#mySelect2').select2({
        // options
        }
    });
});

看起来selectbox被销毁但没有再次初始化。因为经过另一次刷新,我的控制台说:

$('#mySelect2').select2("destroy");
$('#mySelect2').select2({
        // same options
});

感谢您的回答,我是新手。

1 个答案:

答案 0 :(得分:0)

尽量不要销毁select2元素,加载新的data link,然后加载.trigger('change') link。例如:

// new data arrived...
var new_data = [...]

$('#mySelect2').select2({
    // update data
    data: new_data
});
$('#mySelect2').trigger("change");