高分求助如何实现163邮箱的添加附件后面的删除按钮

请问如何实现163.net邮箱可以添加多个附件的功能，点击添加附件就出来文件路径选择和删除按钮，点击删除按钮后又把文件路径选择和删除按钮隐藏了，谢谢各位帮忙，急啊

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function  aa(){  
       var tab = document.getElementById("tab1");
       tr=tab.insertRow();
       var NewDate = new Date();
       tr.insertCell(0).innerHTML= '<input name="title"  type="file"> ';
    }  
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <TABLE id="tab1"> <tr>  
       <td>  
         <select  name="tt"  onchange="javascript:aa();">  
           <option  value="0">test1</option>  
           <option  value="1">test2</option>  
         </select>  
       </td>  
     </tr>  
     
     <tr>  
       <td>  
           <input name="title"  type="file">
       </td>  
     </tr>  
    </TABLE>
    </BODY>
    </HTML>
    把上面的代码保存为html，可以查看样式。
      

  2.   

    谢谢你的回复，你实现的是增加的功能，删除的功能怎么实现，点删除按钮后应该会把tr.insertCell(0).innerHTML= '<input name="title"  type="file"> ';
    的单元格去掉，期待回复
      

  3.   

    教你个最简便的方法，把163写信的那个页面的源代码另存为html，再看效果。
      

  4.   


    <div id="files">
    <div>
    <input type=button onclick="add();" value=Attacthment>
    <script>
    var html="<input name=title  type=file> <input type=button value=Delete onclick=\"remove(this)\">";
    function add()
    {
    var o=document.all["files"];
    var div=document.createElement("div");
    div.innerHTML=html;
    o.appendChild(div);
    //alert(o.innerHTML);
    }
    function remove(obj)
    {
    obj.parentElement.parentElement.removeChild(obj.parentElement);
    }
    </script>