laoding
本来我以为,隐身了别人就找不到我,没有用的,像我这样拉风的男人,无论走到哪里,都像在黑暗中的萤火虫一样,那样的鲜明,那样的出众。我那忧郁的眼神,稀疏的胡茬,那微微隆起的将军肚和亲切的笑容......都深深吸引了众人......
posts - 0,  comments - 37,  trackbacks - 0
上次遇到要将有数据的表单实现重置功能,在网上找了好久才找到一个,也不知道是那位仁兄的了,考虑到可能比较难找,这里贴出来供大家参考,也方便自己复习。

下面是JS代码:

   function clearForm() {  
                
                var formObj 
= document.forms[0];   
             var formEl 
= formObj.elements;     
             
for (var i=0; i<formEl.length; i++
                 { 
                     var element 
= formEl[i];         
                     
if (element.type == 'submit') { continue; }        
                     
if (element.type == 'reset') { continue; }        
                     
if (element.type == 'button') { continue; }      
                     
if (element.type == 'hidden') { continue; }   
                     
if (element.type == 'text') { element.value = ''; }  
                     
if (element.type == 'textarea') { element.value = ''; }         
                     
if (element.type == 'checkbox') { element.checked = false; }         
                     
if (element.type == 'radio') { element.checked = false; }         
                     
if (element.type == 'select-multiple') { element.selectedIndex = -1; } 
                     
if (element.type == 'select-one') { element.selectedIndex = -1; }     
                } 
        }

接下来是form:

<form method="post" action="">      
        
<input type="text" value="解决方案" size="30" /> <br />     
            
<textarea name="" rows="3" cols="30">textarea</textarea> <br /> 
                a
<input type="checkBox" name="a" value="a" />     
                b
<input type="checkBox" name="a" value="b" checked="checked" />     
                c
<input type="checkBox" name="a" value="c" checked="checked" />     
                d
<input type="checkBox" name="a" value="d" />     
                e
<input type="checkBox" name="a" value="e" /> <br />     
                
2<input type="radio" name="b" value="2" />     
                
3<input type="radio" name="b" value="3" checked="checked" /><br />      
            test1:
<select name="" multiple="multiple">         
                
<option value="11111111">11111111</option>         
                
<option value="22222222" selected="selected">22222222</option>         
                
<option value="33333333" selected="selected">33333333</option>         
                
<option value="44444444">44444444</option>         
                
<option value="55555555">55555555</option>    
             
</select>      
             
<br /><br />      
            test2:
<select name="">         
                
<option value="11">11</option>         
                
<option selected="selected">22</option>         
                
<option value="33">33</option>         
                
<option value="44">44</option>         
                
<option value="55">55</option>     
            
</select>      
            
<br /><br />      
            
<input type="submit" value="Submit" />     
            
<input type="reset" value="Reset" />     
            
<input type="button" value="Button" />      
            
<input type="button" value="Javascript Clear" onclick="clearForm()" />  
    
</form>


试试吧,让我们一起来感谢那位仁兄!!
posted on 2008-11-06 12:56 老丁 阅读(747) 评论(0)  编辑  收藏 所属分类: js相关

只有注册用户登录后才能发表评论。


网站导航:
 
本博客主为学习和复习之用,无关其他,想骂人的绕道
Email:dkm123456@126.com
大家一起交流进步
QQ:283582761


<2018年6月>
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

留言簿(4)

我参与的团队

文章分类(50)

文章档案(48)

相册

朋友

搜索

  •  

积分与排名

  • 积分 - 86399
  • 排名 - 586

最新评论