Javascript 选择2重新初始化不工作

我有一个selectbox，它依赖于另一个selectbox。我正在使用AJAX更改第二个相关选择框上的选项。另外，我在两个选择框上都使用了select2插件，类似于：

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

我的问题是，在刷新第二个选择框后，select2从这个选择框中消失，并像普通的选择框一样显示给我。在这里的某个地方，我看到我可以使用destroy和reinit选择。但在mySelect1.onChange事件中，当我使用：

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

看起来selectbox已被销毁，但未再次初始化。因为在再次刷新后，我的控制台显示：

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

---

谢谢你的回答，我对这一点还不熟悉。

试着不要破坏select2元素，加载新数据，然后触发“更改”。例如：

//新数据到达。。。 var new_data=[…] $'mySelect2'。选择2{ //更新数据 数据：新数据 }; $'mySelect2'.triggerchange；

---

两个选择框是否包含相同的id？我的选择2。显示一些htmlno，它们是不同的。。。选择。。。选项。。。我在他们两个身上都用了select2，两个都有效。。。直到我在第一次选择中更改所选选项，并在第二次选择中刷新数据frm Search讲师表单主题向我展示一些真实的代码，而不是示例它无法使用我的代码。。我的新数据来自Ajax的成功。。但是它看起来像是当前的选择框，所以我对旧的选择框数据和它附加的新数据有问题。。任何解决方案都只显示ajax返回数据？$.post'/get_ajax_data/'，{custom_param:1}，functiondata{var result=data.result；$client1_select.select2{data:result}；$'client1_select.triggerchange；}；