脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → 重置表单 reset()

jquery js 重置表单 reset()具体实现代码

 更新时间：2013年08月05日 16:27:07   作者：  
我们希望表单提交以后，能reset，由于jquery没有这个方法，所以只能采用其他的方法来实现了，具体如下，有此需求的朋友可以参考下，希望对大家有所帮助
在开发中，我们会用到很多表单，我们希望表单提交以后，能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
您可能感兴趣的文章:

相关文章

最新评论