示例-添加删除附件 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>添加删除附件</title>
 6 <style type="text/css">
 7     table a:link,table a:visited{
 8         color:#179ed9;
 9         text-decoration:none;
10         }
11     table a:hover{
12         color:#f36021;
13         }
14 </style>
15 </head>
16 
17 <body>
18 
19     <script type="text/javascript">
20         function addFile(){
21             /*
22             *因为文件选取框定义在行对象中。
23             *所以只要给表格创建新的行和单元格即可。
24             */
25             var oTabNode = document.getElementById("fileid");
26             
27             var oTrNode = oTabNode.insertRow();
28             
29             var oTdNode_file = oTrNode.insertCell();
30             var oTdNode_del = oTrNode.insertCell();
31             
32             oTdNode_file.innerHTML = "<input type='file' />";
33             oTdNode_del.innerHTML = "<a href='javascript:void(0)' onclick='deleteFile(this)' />删除附件</a>";
34             
35             }
36             
37             function deleteFile(node){
38                 var oTrNode = node.parentNode.parentNode;
39                 oTrNode.parentNode.removeChild(oTrNode);
40                 }
41             
42     </script>
43     <table id="fileid">
44         <tr>
45             <td><a href="javascript:void(0)" onclick="addFile()">添加附件</a></td>
46         </tr>
47         <!--
48         <tr>
49             <td><input type="file" /></td>
50             <td><a href="javascript:void(0)">删除附件</a></td>
51         </tr>-->
52     </table>
53     
54     
55 </body>
56 </html>
View Code

 

posted @ 2014-06-12 22:44  是但哥  阅读(222)  评论(0)    收藏  举报