JavaScript实现仿163邮箱删除/添加附件的功能_表单按钮特效

大家都知道很多大网站比如163、QQ网站的邮箱系统里都有一个添加附件的功能，要多少有多少，它是运用了JAVASCRIPT技术实现的，这个实例代码就是完成的这种功能，可以添加附也可以删除附件，不包括上传部分，这部分要配合你的上传程序才行。

<html>
<head>
<title>JS实现动态删除/添加附件</title>
</head>
<script type="text/javascript">
    var attachname = "attach";
    var i=1;
      function   addInput(){
        if(i>0){
            var attach = attachname + i ;
            if(createInput(attach))
              i=i+1;
        }
        
      } 
      function deleteInput(){
            if(i>1){
            i=i-1;
            if(!removeInput())
                i=i+1;
          }
      } 
      
      function createInput(nm){   
        var aElement=document.createElement("input");   
        aElement.name=nm;
        aElement.id=nm;
        aElement.type="file";
        aElement.size="50";
          if(document.getElementById("upload").appendChild(aElement) == null)
              return false;
          return true;
      } 
      function removeInput(nm){
          var aElement = document.getElementById("upload");
          if(aElement.removeChild(aElement.lastChild) == null)
            return false;
          return true;   
      } 
</script>
<body>
<input type="button" name="button" value="添加附件" onclick="addInput()">
<input type="button" name="button" value="删除附件" onclick="deleteInput()">
<span id="upload"></span>
</body>
</html>

所属频道：表单按钮特效/更新时间：2012-12-20

[收藏][报错][返回列表]

JavaScript实现仿163邮箱删除/添加附件的功能_表单按钮特效

表单按钮特效Rss订阅特效代码搜索

表单按钮特效推荐

猜你也喜欢看这些