jquery js 重置表單 reset()具體實現(xiàn)代碼
更新時間：2013年08月05日 16:27:07 作者：
我們希望表單提交以后，能reset，由于jquery沒有這個方法，所以只能采用其他的方法來實現(xiàn)了，具體如下，有此需求的朋友可以參考下，希望對大家有所幫助
在開發(fā)中，我們會用到很多表單，我們希望表單提交以后，能reset，
但是jquery沒有這個方法，怎么處理呢？
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
</form>
方法一：
我們可以通過就是實現(xiàn)
id：
document.getElementById("form1").reset();
name：
document.formName.reset();
方法二：
逐一清空：
$("#inp").val("1");
但是表單太多的話，這也是不實際的，有100個，1000個，總不能寫100，個1000個吧。
也許你會說，寫成這樣：
$("input").val("");
那表單的默認(rèn)值呢？表單還有其他類型，都寫一遍？
加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
但是jquery沒有這個方法，怎么處理呢？
復(fù)制代碼 代碼如下:
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
</form>
方法一：
我們可以通過就是實現(xiàn)
id：
復(fù)制代碼 代碼如下:
document.getElementById("form1").reset();
name：
復(fù)制代碼 代碼如下:
document.formName.reset();
方法二：
逐一清空：
復(fù)制代碼 代碼如下:
$("#inp").val("1");
但是表單太多的話，這也是不實際的，有100個，1000個，總不能寫100，個1000個吧。
也許你會說，寫成這樣：
復(fù)制代碼 代碼如下:
$("input").val("");
那表單的默認(rèn)值呢？表單還有其他類型，都寫一遍？
加type為reset的input
復(fù)制代碼 代碼如下:
<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>
復(fù)制代碼 代碼如下:
$("input[name='res']").click();
所有表單清空
ok
相關(guān)文章
詳解有關(guān)easyUI的拖動操作中droppable，draggable用法例子
本篇文章主要介紹了有關(guān)easyUI的拖動操作中droppable，draggable用法例子，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了淺析jQuery中使用$所引發(fā)的問題的相關(guān)資料,f非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-05-05
這篇文章主要介紹了jQuery常見的遍歷DOM操作,結(jié)合實例形式詳細(xì)分析了針對DOM節(jié)點的parent()、parents()、parentsUntil()、find()、eq()、filter()等各種遍歷操作相關(guān)函數(shù)與使用技巧,需要的朋友可以參考下2018-09-09
jquery.ui.draggable中文文檔(原文翻譯)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要介紹了動態(tài)加載jQuery的兩種方法,實例分析了jquery動態(tài)加載的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了jQuery表格排序組件-tablesorter的使用,需要的朋友可以參考下2014-05-05
JQuery 構(gòu)建客戶/服務(wù)分離的鏈接模型中Table分頁代碼效率初探
JQuery構(gòu)建客戶/服務(wù)分離的鏈接模型中Table分頁代碼效率初探！2010-01-01
終于把jQuery拼寫正確了哈，哈哈javascript也是區(qū)分大小寫的,所以確實不能寫錯，今天我來和大家分享的是日期選擇控件的實現(xiàn)，功能也許不夠強(qiáng)大，但是能夠滿足需求。2009-10-10
這篇文章主要介紹了jQuery中的類名選擇器（.class）用法,簡單介紹了jQuery類名選擇器的概念、原理并結(jié)合實例形式分析了類選擇器的簡單使用方法,需要的朋友可以參考下2018-05-05
jquery fancybox ie6不顯示關(guān)閉按鈕的解決辦法
本篇文章主要是對jquery fancybox ie6不顯示關(guān)閉按鈕的解決辦法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12