随笔-7  评论-24  文章-102  trackbacks-0

本文出自   动态删除Html元素(请教高手)
<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN"   >
<HTML>
<HEAD>
<title>WebForm2</title>
<meta   name="GENERATOR"   Content="Microsoft   Visual   Studio   .NET   7.1">
<meta   name="CODE_LANGUAGE"   Content="C#">
<meta   name="vs_defaultClientScript"   content="JavaScript">
<meta   name="vs_targetSchema"   content="http://schemas.microsoft.com/intellisense/ie5">
<script   language="javascript">   
    
var count= 0 ;   
    
var maxfile = 5;        //最大允许数目
    
    
//增加元素
    function addUpload() {  
        
if(count >= maxfile)    return;        //限制最多maxfile个文件框
        count++
        
        
//每次自增id不同的HTML对象,并附加到容器最后
        var newDiv =  "<div id=divUpload" + count +">"
            
+ " <input id=file" + count + " type=file size=50 name=upload>"
            
+ " <a href=javascript:delUpload('divUpload" + count + "');>删除</a>"
            
+ " </div>";   
          document.getElementById(
"uploadContent").insertAdjacentHTML("beforeEnd", newDiv);     
    }
   
    
    
//删除指定元素
    function delUpload(diva) {  
        count
--
        document.getElementById(diva).parentNode.removeChild(document.getElementById(diva));   
    }
   
    
  
</script>
</HEAD>
<body   MS_POSITIONING="GridLayout">
<form   id="Form1"   method="post"   runat="server"   enctype="multipart/form-data">
  
<div>
    
<table>
      
<tr>
        
<td   id="tdRrmove"   width="2000">
        
        
<!--承接整个file文件框的HTML容器-->
        
<div id="uploadContent">
            
<!--默认的file文件框
            <div id=div1><input id=file1 type=file size=50 name=upload></div>
-->
        
</div>
        
        
</td>
      
</tr>
    
</table>
  
</div>
  
<href="javascript:addUpload()">添加附件</a>
  
<br/>
  
<br/>
</form>
</body>
</HTML>
posted on 2009-05-04 22:18 黄小二 阅读(594) 评论(0)  编辑  收藏 所属分类: Ajax

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


网站导航: