前端技术学习之道：jquery js 重置表单 reset()

在开发中，我们会用到很多表单，我们希望表单提交以后，能reset，

 

但是jquery没有这个方法，怎么处理呢？

 

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

方法一：

我们可以通过就是实现

id：

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

name：

1. document.formName.reset();  

 

方法二：

逐一清空：

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

 

但是表单太多的话，这也是不实际的，有100个，1000个，总不能写100，个1000个吧。

也许你会说，写成这样：

 

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

那表单的默认值呢？表单还有其他类型，都写一遍？

 

加type为reset的input

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

 

1. $("input[name='res']").click();  
2.     //$("#res").click();  

 

所有表单清空

ok