zoukankan      html  css  js  c++  java
  • 重置表单的几种形式

    在开发中,我们会用到很多表单,我们希望表单提交以后,能reset,
    但是jquery没有这个方法,怎么处理呢?
    代码如下:

    <form id="form1" action="" method="post" runat="server">
    <input name="inp" id="inp" value="1" />
    </form>

    方法一:
    我们可以通过就是实现
    id:
    代码如下:

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

    name:
    代码如下:

    document.formName.reset();

    方法二:
    逐一清空:
    代码如下:

    $("#inp").val("1");

    但是表单太多的话,这也是不实际的,有100个,1000个,总不能写100,个1000个吧。
    也许你会说,写成这样:
    复制代码 代码如下:

    $("input").val("");

    那表单的默认值呢?表单还有其他类型,都写一遍?
    加type为reset的input
    代码如下:

    <form id="form1" action="" method="post" runat="server">
    <input name="inp" id="inp" value="1" />
    <input id="res" name="res" type="reset" style="display:none;" />
    </form>

    代码如下:

    $("input[name='res']").click();

    所有表单清空
    ok
    技术小白记录自己的经验与分享,不足之处多多包含,欢迎指正!
  • 相关阅读:
    第03组 Beta冲刺(1/4)
    第03组 Alpha事后诸葛亮
    第03组 Alpha冲刺(4/4)
    第03组 Alpha冲刺(3/4)
    第03组 Alpha(2/4)
    第03组 Alpha冲刺(1/4)
    第03组团队Git现场编程实战
    第二次结对编程作业
    团队项目-需求分析报告
    第01组 Beta冲刺(3/5)
  • 原文地址:https://www.cnblogs.com/EdwinChan/p/6394280.html
Copyright © 2011-2022 走看看