在一页上清除多个表单

Question

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

Answer 1

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

 $(function(){

 $("form").reset();

 });

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

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

但下面的代码有效，所以您可以使用它。

    $(function(){

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

     });

Answer 2

要重置所有表格：

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

Answer 3

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

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

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

Answer 4

例如，如果我们有两个表单。借助JavaScript中编写的以下两个函数，我们可以对这两个表单进行重置和提交。（Form 1和Form 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() ">

在一页上清除多个表单

Clear multiple forms on one page

javascript

jquery

forms

reset