重置 Ajax 表单提交上的 Select2 下拉菜单答案

【问题标题】：reset the Select2 dropdowns on Ajax Form Submit重置 Ajax 表单提交上的 Select2 下拉菜单
【发布时间】：2014-08-25 23:35:33
【问题描述】：

我正在使用 jquery select2 库

http://ivaynberg.github.io/select2/

我面临的问题，我的表单中有多个下拉列表，如果我通过 Ajax 提交表单，所有字段都会重置/清空，除了 select2 下拉列表。

我用这个来重置

$("#block-validate")[0].reset();

它工作得非常好，并重置/清空表单中除 select2 之外的所有字段

我知道有一种方法可以使用这个清除 select2 的字段

$("#e8").select2("val", "");

但它只会重置预期 select2 的值。我的意思是我们可以这样做

$("#e8, #e9, #e10, #e11").select2("val", "");

我想说的是有什么方法可以重置/清空所有表单字段，包括 select2 下拉列表，而无需专门调用那里的 ID。

甚至只是一个代码来重置或清空 select2 的所有下拉列表，而无需专门调用那里的 ID，只是所有 Select2 下拉列表都会在页面上重置。

【问题讨论】：

【解决方案1】：

使用 select2 初始化的所有元素都获得类 select2-offscreen。

因此，为避免使用 ID 重置所有 select2 元素，您可以执行以下操作

jQuery('.select2-offscreen').select2('val', '');

【讨论】：

【解决方案2】：

这对我有用。选择2 4.0.3

$('.select2').val('').trigger("change");

【讨论】：