在一个页面上清除多个表格

Question

我在一个页面上有五个小表单。当页面通过顶部菜单加载时，所有字段都是空白或默认的。我想做的是，当页面通过浏览器后退按钮加载时，字段会保留之前的选择或输入数据，因此无论页面如何加载，字段都是空白或默认的。http:/www.heat-sink.co.ukindex.php?page=extruded.谢谢

Answer 1

重置所有表单。

$( document ).ready(function() {
  $('form').each(function() { this.reset() });
});

Answer 2

在你的文档中准备好的事件重设表单，如下图所示

 $(function(){

 $("form").reset();

 });

我决定测试一下上面的方法，但是没有用，因为JQuery没有reset()方法，但是javaScript有。所以要使用上面的方法，将jQuery元素转换为一个JavaScript对象，如

$("form")[0].reset();

但下面的代码可以使用，所以你可以使用它。

    $(function(){

        $('form').trigger("reset");

     });

Answer 3

请为您的表单提供ID，并在文档准备事件中输入以下代码。

document.getElementById("kk").reset();

注意： 这里 "kk" 是表单的id。如果你有5个表单，你必须给它们分配不同的id，每个表单都要用上面的代码分别重新设置。