js清空表單數(shù)據(jù)的兩種方式(遍歷+reset)
更新時間：2014年07月18日 15:19:46 投稿：whsnow
這篇文章主要介紹了js清空表單數(shù)據(jù)的兩種方式(遍歷+reset),需要的朋友可以參考下
方法1：遍歷頁面元素
/*
清空FORM表單內(nèi)容 id：表單ID*/
function ClearForm(id) {
var objId = document.getElementById(id);
if (objId == undefined) {
return;
}
for (var i = 0; i < objId.elements.length; i++) {
if (objId.elements[i].type == "text") {
objId.elements[i].value = "";
}
else if (objId.elements[i].type == "password") {
objId.elements[i].value = "";
}
else if (objId.elements[i].type == "radio") {
objId.elements[i].checked = false;
}
else if (objId.elements[i].type == "checkbox") {
objId.elements[i].checked = false;
}
else if (objId.elements[i].type == "select-one") {
objId.elements[i].options[0].selected = true;
}
else if (objId.elements[i].type == "select-multiple") {
for (var j = 0; j < objId.elements[i].options.length; j++) {
objId.elements[i].options[j].selected = false;
}
}
else if (objId.elements[i].type == "textarea") {
objId.elements[i].value = "";
}
//else if (objId.elements[i].type == "file") {
// //objId.elements[i].select();
// //document.selection.clear();
// // for IE, Opera, Safari, Chrome
// var file = objId.elements[i];
// if (file.outerHTML) {
// file.outerHTML = file.outerHTML;
// } else {
// file.value = ""; // FF(包括3.5)
// }
//}
}
}
方法2：使用 reset 按鈕
頁面中增加
<!--用來清空表單數(shù)據(jù)--> <input type="reset" name="reset" style="display: none;" />
觸發(fā) reset 事件
$("input[type=reset]").trigger("click");
相關文章
在?JavaScript?程序中如果你在?if?條件語句中使用賦值運算符的等號?(=)?將會產(chǎn)生一個錯誤結果,?正確的方法是使用比較運算符的兩個等號?(==)，這篇文章主要介紹了一文學習JavaScript?使用誤區(qū),需要的朋友可以參考下2023-02-02
Bootstrap 輪播（Carousel）插件是一種靈活的響應式的向站點添加滑塊的方式。這篇文章主要介紹了Bootstrap學習筆記 輪播（Carousel）插件,需要的朋友可以參考下2017-03-03
BootStrap Table 分頁后重新搜索問題的解決辦法
這篇文章主要介紹了BootStrap Table 分頁后重新搜索問題的解決辦法,自定義搜索且有分頁功能,比如搜索產(chǎn)品名的功能。小編給大家?guī)砹岁P鍵代碼，非常不錯，需要的朋友可以參考下2016-08-08
微信小程序實現(xiàn)動態(tài)獲取元素寬高的方法分析
這篇文章主要介紹了微信小程序實現(xiàn)動態(tài)獲取元素寬高的方法,結合實例形式分析了微信小程序動態(tài)獲取、設置元素寬高的相關操作技巧與注意事項,需要的朋友可以參考下2018-12-12
今天小編就為大家分享一篇LayUI數(shù)據(jù)接口返回實體封裝的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了TypeScript中的類，類這個概念基本是所有面向對象編程語言都具有一個概念，JavaScript中ES6?之前是沒有類這個概念，下面文章圍繞TypeScript類的相關資料展開內(nèi)容,需要的朋友可以參考一下2021-12-12
首屏加載時間是一個衡量網(wǎng)頁性能和用戶體驗的關鍵指標,這個問題無論是在面試中還是在項目開發(fā)中都占有極其高的權重,本文為大家整理了幾種JS中優(yōu)化首屏加載時間的方法,希望對大家有所幫助2024-02-02
獲取鍵盤控制事件是實現(xiàn)交互性最有力的方法之一。2008-04-04
雖說jquery支持css選擇器，可以把一些css規(guī)則放在js里，js無論如何是比css靈活的。但是js修改的是dom的htmlelement的stlye，是一個操作而非規(guī)則。2009-06-06
這篇文章主要介紹了JavaScript實現(xiàn)定時頁面跳轉功能,涉及javascript結合時間函數(shù)定時觸發(fā)自定義函數(shù)功能操作技巧,需要的朋友可以參考下2017-02-02