Javascript 如何重置/清除x-可编辑表格中的所有过滤器（选择2、选择、输入）？

我想为所有正在使用的过滤器设置一个重置/清除按钮，但我不知道该在与该按钮关联的点击事件上触发什么。。。例如：

---

要重置所有这些select2、select和input字段，并将所有过滤器恢复为空值，我需要启动和/或附加并传递什么？

单击按钮，您只需重置select2的值

请参阅此编程方式来重置它

按钮重置所有select2输入而不是示例中所示的1输入所需的全部操作

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

以防万一，您使用的是

3.5.x

version，这里有一个小小的变化

要重置x-editable中的其他值，可以执行以下操作

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

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

---

尝试下面的代码重置所有内容。找到它了吗

重置
$（“#重置btn”）。单击（函数（）{
$（'.myeditable'）.editable（'setValue'，null）//清除值
.editable（'option'，'pk'，null）//清除pk
.removeClass（'editable-unsave'）；//删除粗体css
$（“#保存btn”）.show（）；
$（'#msg'）.hide（）；
});

根据您的屏幕截图，我假设您的所有过滤器都是动态生成的。要重置所有字段，可以使用以下

jQuery

code

$( document ).ready(function() {
    $('body').on('click','#resetButtonSelector', function() {
       $("body select").select2("val", "");
       $("body input").val("");
       $('body select').val("")
    });
});

如果您有表单，则可以使用以下代码：

$( document ).ready(function() {
    $('body').on('click','#resetButtonSelector', function() {
       $("body select").select2("val", "");
       $('#formId')[0].reset();
    });
});

下面是一些可能对您有用的详细信息

$(':input','#formId')
 .not(':button, :submit, :reset, :hidden')
 .val('')
 .removeAttr('checked')
 .removeAttr('selected');

---

请参阅本文：

最好的方法是删除

选择

其工作原理如下：
$（'.select2搜索选项'）.remove（）

要删除选择器，我访问了选择器的名称。
这对我很有效

当窗体重置时，它将重置所有select2选定选项。您可以根据需要启动此点击按钮事件或任何其他事件

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

你能创建一个jsfiddle或什么吗？@Crazy Serb Hi。关于你的问题，你发现了什么吗？我还想重置所有字段，包括输入、选择、选择2。除了使用每个字段的单独ID外，如何做到这一点？提前谢谢。
$(':input','#formId')
 .not(':button, :submit, :reset, :hidden')
 .val('')
 .removeAttr('checked')
 .removeAttr('selected');

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