js清空表单数据的两种方式(遍历+reset)
更新时间:2014年07月18日 15:19:46 投稿:whsnow
这篇文章主要介绍了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");
相关文章
BootStrap Table 分页后重新搜索问题的解决办法
这篇文章主要介绍了BootStrap Table 分页后重新搜索问题的解决办法,自定义搜索且有分页功能,比如搜索产品名的功能。小编给大家带来了关键代码,非常不错,需要的朋友可以参考下2016-08-08


最新评论