欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js清空form表单中的内容示例_javascript技巧

程序员文章站 2022-04-24 22:14:26
...
复制代码 代码如下:

//清空form选择
function clearForm(id){
var formObj = document.getElementById(id);
if(formObj == undefined){
return;
}
for(var i=0; iif(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[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 = "";
}
}
}