如何在x-editable表中重置/清除所有过滤器(select2,select,input)？

Question

我想为所有正在使用的过滤器设置一个重置/清除按钮,但我无法弄清楚与该按钮相关的点击事件会触发什么...例如:

为了重置所有这些select2,选择和输入字段并将所有过滤器恢复为空/空值,我需要触发和/或附加并传递给什么？

Answer 1

单击按钮,您只需重置select2的值即可.

请参阅此编程方式重置它https://select2.github.io/examples.html#programmatic

按钮只需重置所有select2输入而不是1,如示例所示.

$('#yourButton').on('click', function() {
    $('#yourfirstSelect2').val(null).trigger("change");
    $('#yourSecondSelect2').val(null).trigger("change");
    ....
});

以防万一,你正在使用3.5.x版本,然后这里有一个小的变化http://select2.github.io/select2/#programmatic

$('#yourButton').on('click', function() {
    $('#yourfirstSelect2').select2("val", "");
    $('#yourSecondSelect2').select2("val", "");
    ....
});

要在x-editable中重置其他值,您可以按照此x-editable重置字段进行操作.

总有一种jQuery方法可以清除表单中的所有内容 -

$('#formName')[0].reset();

Answer 2

这对我有用

当表单重置时,它将重置所有select2选择的选项,您可以根据您的要求在单击按钮事件或任何其他事件上启动此选项.

$("#id").val(null).trigger("change");