js清空form表单中的内容示例
更新时间:2014年05月20日 17:26:06 作者:
这篇文章主要介绍了js如何清空form表单中的内容,下面有个不错的示例,大家可以参考下
复制代码 代码如下:
//清空form选择
function clearForm(id){
var formObj = document.getElementById(id);
if(formObj == undefined){
return;
}
for(var i=0; i<formObj.elements.length; i++){
if(formObj.elements[i].type == "text"){
formObj.elements[i].value = "";
}
else if(formObj.elements[i].type == "password"){
formObj.elements[i].value = "";
}
else if(formObj.elements[i].type == "radio"){
formObj.elements[i].checked = false;
}
else if(formObj.elements[i].type == "checkbox"){
formObj.elements[i].checked = false;
}
else if(formObj.elements[i].type == "select-one"){
formObj.elements[i].options[0].selected = true;
}
else if(formObj.elements[i].type == "select-multiple"){
for(var j = 0; j < formObj.elements[i].options.length; j++){
formObj.elements[i].options[j].selected = false;
}
}
else if(formObj.elements[i].type == "file"){
//formObj.elements[i].select();
//document.selection.clear();
// for IE, Opera, Safari, Chrome
var file = formObj.elements[i];
if(file.outerHTML){
file.outerHTML = file.outerHTML;
}else{
file.value = ""; // FF(包括3.5)
}
}
else if(formObj.elements[i].type == "textarea"){
formObj.elements[i].value = "";
}
}
}
相关文章
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
这篇文章主要介绍了JavaScript实现横线提示输入验证码随输入验证码输入消失的方法,非常实用,在微信开发中经常会用到,需要的朋友可以参考下2016-09-09IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法
IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法,需要的朋友可以参考下。2011-04-04
最新评论