清除一页上的多个表单答案

【问题标题】：Clear multiple forms on one page清除一页上的多个表单
【发布时间】：2015-07-15 10:33:35
【问题描述】：

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

【问题讨论】：

标签： javascript jquery forms reset

【解决方案1】：

在您的文档就绪事件重置表单中，如下所示

 $(function(){

 $("form").reset();

 });

我决定测试上述方法，但它没有工作，因为 JQuery 没有 reset() 方法，但 javaScript 有。因此，要使用上述方法，请将 jQuery 元素转换为 JavaScript 对象，例如

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

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

    $(function(){

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

     });

【讨论】：

【解决方案2】：

重置所有表格：

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

【讨论】：

我从没想过它会这么简单，并且使用这么少的代码。谢谢博西奥。

【解决方案3】：

请在您的表单中提供 ID，并在文档就绪事件中输入以下代码：

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

注意：这里"kk" 是表单的id。如果您有 5 个表单，您必须为它们分配不同的 ID，并且您必须使用上面的代码分别重置每个表单。

【讨论】：

【解决方案4】：

例如，如果我们有两种形式。借助以下两个用 JavaScript 编写的函数，我们可以重置和提交这两个表单。（表格 1 和表格 2 是两个表格 ID。）

<script>            
  submitForms = function(){
    document.getElementById("form1").submit();
    document.getElementById("form2").submit();
    }
  resetForms = function(){
    document.getElementById("form1").reset();
    document.getElementById("form2").reset();
    }

</script>

<input   type="submit" value="send " onclick="submitForms()" >
<input   type="reset" value="cancel "  onclick="resetForms() ">

【讨论】：

欢迎来到 Stack Overflow。没有任何解释的代码很少有帮助。 Stack Overflow 是关于学习的，而不是提供 sn-ps 来盲目复制和粘贴。请编辑您的问题并解释它如何回答所提出的具体问题。见How to Answer。