Select2重新初始化不起作用

Question

我有一個選擇框，它依賴於另一個選擇框。 我正在使用AJAX更改第二個（相關）選擇框上的選項。 另外，我在兩個選擇框上都使用了select2插件，例如：

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

我的問題是，刷新第二個選擇框后，select2將從該選擇框中消失，並向我顯示，就像普通的選擇框一樣。 在這里的某個地方，我已經看到可以使用destroy和“重新初始化”選擇。 但是在使用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 鏈接 ，然后加載.trigger('change') link 。 例如：

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

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