如何通过单击按钮重置表单并刷新数据表？答案

【问题标题】：How to reset the form and refresh the datatable with a single button click?如何通过单击按钮重置表单并刷新数据表？
【发布时间】：2014-09-03 06:34:21
【问题描述】：

我有一个带有id="reset" 的按钮，所以当点击按钮时我想做两件事：

Js/jQuery：

$("#reset").click(function(){
    $("myform").reset();
    var oTable = $('#documentreport').dataTable();
    oTable.fnDraw();
}

这是我迄今为止尝试过的。任何帮助将不胜感激

【问题讨论】：

我假设您指的是DataTables 插件？
最后你还需要用 });不是}
如果要重置表格：here，如果要重置数据表：here，花了我大约 7 秒
终于我得到了我想要的。这就是我是如何做到的 $( "#reset" ).click(function() { $(".target").val(""); // target 是所有表单字段的类 var oTable=$('#documentreport').dataTable(); oTable.fnDraw(); });无论如何感谢您的帮助...

【解决方案1】：

刷新数据库：

调用$('#table').dataTable().fnDestroy();会清除table的dataTable代码并允许你操作表格，然后再调用dataTable就可以了。

重置表单： http://jsfiddle.net/8zLLn/

  $('#reset').click(function(){
        $('#myform')[0].reset();
  });

shmuel613 和 tadiou 回答得很好，谢谢你们。

【讨论】：