简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

js清空表单数据的两种方式(遍历+reset)

来源:易贤网   阅读:4298 次  日期:2014-07-22 19:53:46

温馨提示:易贤网小编为您整理了“js清空表单数据的两种方式(遍历+reset)”,方便广大网友查阅!

这篇文章主要介绍了js清空表单数据的两种方式(遍历+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 按钮

页面中增加

<!--用来清空表单数据-->

<input type="reset" name="reset" style="display: none;" />

触发 reset 事件

$("input[type=reset]").trigger("click");

更多信息请查看IT技术专栏

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:js使用正则实现ReplaceAll全部替换的方法
下一篇:JavaScript中伪协议 javascript:使用探讨
易贤网手机网站地址:js清空表单数据的两种方式(遍历+reset)
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!