js清空表單數(shù)據(jù)的兩種方式(遍歷+reset)
更新時間:2014年07月18日 15:19:46 投稿:whsnow
這篇文章主要介紹了js清空表單數(shù)據(jù)的兩種方式(遍歷+reset),需要的朋友可以參考下
方法1:遍歷頁面元素
/* 清空FORM表單內容 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");
相關文章
解析使用js判斷只能輸入數(shù)字、字母等驗證的方法(總結)
本篇文章對使用js判斷只能輸入數(shù)字、字母等驗證的方法進行了總結介紹,需要的朋友參考下2013-05-05兼容IE和Firefox火狐的上下、左右循環(huán)無間斷滾動JS代碼
html里的marqueen也能實現(xiàn)內容的滾動,但滾動是間斷的,運用JavaScript可以使這一問題得到改觀,實現(xiàn)無間斷的滾動,讓頁面看起來更美觀2013-04-04JavaScript學習筆記之數(shù)組的增、刪、改、查
這篇文章主要介紹了JavaScript學習筆記之數(shù)組的增、刪、改、查的相關資料,需要的朋友可以參考下2016-03-03js利用事件的阻止冒泡實現(xiàn)點擊空白模態(tài)框的隱藏
點擊彈出某個框框,但是,有時候不想操作,就想點擊某個空白處,隱藏該框框,關于這一點,下面有個具體的實現(xiàn)2014-01-01