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");热门推荐
1 如何训练狗狗不叫
2 训练狗狗不叫
3 训练狗狗随行
4 怎么训练狗狗不叫
7 训练比熊狗狗教程
10 上海狗狗训练
11 怎么训练狗狗上厕所
12 训练狗狗趴下
13 狗狗服从训练
14 训练狗狗拒食
15 训练狗狗笑
16 训练狗狗大便
17 训练狗狗立
18 训练狗狗捡东西