js清空表单数据的两种方式(遍历+reset)
方法1：遍历页面元素
/*
清空FORM表单内容id：表单ID*/
functionClearForm(id){
varobjId=document.getElementById(id);
if(objId==undefined){
return;
}
for(vari=0;i<objId.elements.length;i++){
if(objId.elements[i].type=="text"){
objId.elements[i].value="";
}
elseif(objId.elements[i].type=="password"){
objId.elements[i].value="";
}
elseif(objId.elements[i].type=="radio"){
objId.elements[i].checked=false;
}
elseif(objId.elements[i].type=="checkbox"){
objId.elements[i].checked=false;
}
elseif(objId.elements[i].type=="select-one"){
objId.elements[i].options[0].selected=true;
}
elseif(objId.elements[i].type=="select-multiple"){
for(varj=0;j<objId.elements[i].options.length;j++){
objId.elements[i].options[j].selected=false;
}
}
elseif(objId.elements[i].type=="textarea"){
objId.elements[i].value="";
}
//elseif(objId.elements[i].type=="file"){
////objId.elements[i].select();
////document.selection.clear();
////forIE,Opera,Safari,Chrome
//varfile=objId.elements[i];
//if(file.outerHTML){
//file.outerHTML=file.outerHTML;
//}else{
//file.value="";//FF(包括3.5)
//}
//}
}
}
方法2：使用reset按钮
页面中增加
<!--用来清空表单数据--> <inputtype="reset"name="reset"style="display:none;"/>
触发reset事件
$("input[type=reset]").trigger("click");热门推荐
6 保研的祝福语简短
10 年轻20岁祝福语简短
11 朋友结婚祝福语信息简短
12 女孩婚礼贺卡祝福语简短
13 30段点歌简短祝福语
14 虎年春节祝福语图文简短
15 写给后妈祝福语大全简短
16 简短回复生日祝福语
17 校长送毕业祝福语简短
18 毕业立体贺卡祝福语简短