JQuery中重置（reset）表單總結

注意事項：

由於JQuery中，提交表單是像下面這樣的：

代碼 $('#myform').submit() $('#myform').submit() 所以，想當然的認爲，重置表單，當然就是像下面這樣子嘍：J $('#myform').reset() $('#myform').reset()但是，不幸的是，這樣寫的話，會有一個讓你很鬱悶的結果，那就是，表單無法重置！後來，上網查了一下，說是，JQuery中沒有reset方法，經覈對，果然是沒有。那有麼沒有辦法通過JQuery來重置表單呢，答案是有的，不過是一種間接的方法，如下：Java代碼 $('#myform')[0].reset()也就是通過調用 DOM 中的reset方法來重置表單。

代碼如下:
<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"); 

但是表單太多的話可以如下寫，代碼如下:
$("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> 
<script>
$("input[name='res']").click(); 
</script>