首页 > Web开发 > 详细

js动态添加文件上传框

时间:2016-12-15 01:28:29      阅读:259      评论:0      收藏:0      [点我收藏+]

页面元素添加为

<tr id="att" style="display:none;">

<td style="text-align:right;">附件文件:</td>

<td>

            <div id="div_fujian">  

            <div class="input-outer"><input type="file" class="tuiTrim input" name="fujian" size="30" maxlength="15" id="fujian" tabindex="1"/></div>  

        </div>  

        <input type="button" id="btn_add2" value="增加附件" >

        </td>

        </tr>


js方法为:

j = 1;

$("#btn_add2").click(function(){

    document.getElementById("div_fujian").innerHTML+=‘<div id="div_fujian‘+j+‘"><div class="input-outer"><input  name="fujian‘+j+‘" id="fujian‘+j+‘" type="file" class="tuiTrim input" size="30" maxlength="15" tabindex="1"/><input type="button" value="删除"    

      j = j + 1;  

});  


});//end seajs.use

function del_fujian(o){  

    document.getElementById("div_fujian").removeChild(document.getElementById("div_fujian"+o));  

}


js动态添加文件上传框

原文:http://butcher36.blog.51cto.com/9315484/1882727

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!