Javascript 重置Ajax表单提交上的Select2下拉列表

im使用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下拉列表，而无需专门调用there ID

---

甚至只需一个代码就可以重置或清空select2的所有下拉列表，而无需专门调用ID，只需在页面上重置所有select2下拉列表。

所有使用select2初始化的元素都可以在屏幕外获得类

select2

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

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

---

这对我有用。选择2 4.0.3

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