我是靠谱客的博主 细心秋天,最近开发中收集的这篇文章主要介绍js动态添加文件上传框,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

页面元素添加为

<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));  

}


转载于:https://blog.51cto.com/butcher36/1882727

最后

以上就是细心秋天为你收集整理的js动态添加文件上传框的全部内容,希望文章能够帮你解决js动态添加文件上传框所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(39)

评论列表共有 0 条评论

立即
投稿
返回
顶部