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

200 阅读 0 评论 132 点赞

我是靠谱客的博主曾经信封，最近开发中收集的这篇文章主要介绍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 = ""; 
} 
} 
} 