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");