重置表單的幾種形式


在開發中,我們會用到很多表單,我們希望表單提交以后,能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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM