jquery javascript 添加多个文件 html 

 1 <html>
 2     <head>
 3         <title>javascript:file add</title>
 4         <script type="text/javascript" src="jquery-1.9.0.js"></script>
 5         <script type="text/javascript">
 6             $(function(){
 7                 $("#add").click(function(){
 8                     var len = $("#files input").length;
 9                     if (len > 4) {
10                         alert("max is 5");
11                         return false;
12                     }
13                     $("#files").append("file "+(len+1)+":<input type=\"file\" name=\"file"+(len+1)+"\"><br/>");
14                 });
15             });
16         </script>
17     </head>
18     <body>
19         <div id="files">
20             file 1:<input type="file" name="file1"><br/>
21         </div>
22         <input type="button" id="add" value="Add"/>
23     </body>
24 </html>

 效果图如下：

finish!

posted on 2013-09-16 15:43  zenger1025  阅读(240)  评论(0)    收藏  举报

导航