创建按钮以清除div中的所有表单和数组

时间:2012-10-17 21:43:29

标签: javascript

您好我试图创建一个按钮来清除所有表单字段和Divs框内的数组我有脚本将只清除数组或清除表单字段的脚本我似乎无法找到任何帮助我的东西用一个按钮清除所有我将发布下面的2个脚本
顶部的一个将清除div,只有底部的一个将清除表格

function clearForms()
 { 
            number=[]
            number.splice(0); 
            var x = document.getElementById("box");  
            x.innerHTML = ""; 
            x.innerHTML = number.join('<br/>');   
        } 

 function clearForms()
{    
 var x, y, z, type = null; 
for (x = 0; x < document.forms.length; x++)
 {     
 for (y = 0; y < document.forms[x].elements.length; y++) {   
  type = document.forms[x].elements[y].type;   
      ('form='+x+' element='+y+' type='+type); 
 switch (type)
 {           
 case 'text':           
 case 'textarea':            
case 'password':           
 //case "hidden":                
document.forms[x].elements[y].value = '';               
 break;           
 case 'radio':           
 case 'checkbox':                
document.forms[x].elements[y].checked = '';               
 break;            
case 'select-one':                
document.forms[x].elements[y].options[0].selected = true;               
 break;           
 case 'select-multiple':              
  for (z = 0; z < document.forms[x].elements[y].options.length; z++)
 {                   
 document.forms[x].elements[y].options[z].selected = false;              
  }                
break;           
 }
 // end switch      
  } 
// end for y 
   } 
// end for x
}

1 个答案:

答案 0 :(得分:0)

无法弄清楚在DIV中清除数组的方法,但要从页面重置所有表单,请尝试以下操作:

function clearForms() {
  for (x = 0; x < document.forms.length; x++)
    document.forms[x].reset();
}

此函数会将所有表单值恢复为默认值。