网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网页特效 >> 表单按钮 >> 正文
最新文章
· 输入框输入提示代码
· 文本框提示代码
· 让表单ctrl加回车提交
· 简单代码实现JS多级Select联动菜单
· JS验证数字位数
· 带有介绍的Select列表菜单代码
· Js注册等待
· 点击按钮插入文字在文本框
· radio背景颜色选择器
· 表单内容提交等待效果
热门文章
 Js实现点击添加增加一行,点击删除
 DIV中实现input垂直居中
 常用的选择省份城市的联动下拉列表
 JS动态增加删除一组输入框
 jQuery实现Email邮箱地址自动补全代
 Select实现多选
 JS动态批量创建带表单文本框的表格
 JS实现上传本地图片前先预览
 日期选择下拉框
 漂亮的点击弹出的登陆框
相关文章
没有相关文章
JavaScript实现仿163邮箱删除/添加附件的功能
来源:站长资源网 更新时间:2010/8/11 11:01:55 阅读次数: 我要投稿
△运行 ☉预览 #复制 +收藏
特效代码:
<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>
△运行 ☉预览 #复制 +收藏
特效说明:

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

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号