Select2重新初始化不起作用

Question

我有一个选择框，它依赖于另一个选择框。我正在使用 AJAX 更改第二个（依赖）选择框上的选项。另外，我在两个选择框上都使用了 select2 插件，例如：

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

我的问题是，在刷新第二个选择框后，select2 就从这个选择框中消失了，并像普通的选择框一样向我显示。在这里的某个地方，我看到我可以使用销毁并“重新初始化”选择。但是在我使用的 mySelect1.onChange 事件中：

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

看起来选择框被破坏但没有再次初始化。因为再次刷新后，我的控制台说：

The select2('destroy') method was called on an element that is not using Select2.

感谢您的任何回答，我是新手。

Answer 1

尽量不要破坏 select2 元素，加载新的 data link 然后 .trigger('change') link。例如：

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

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