DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery js 重置表單 reset()具體實現代碼
jquery js 重置表單 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
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved