我是靠谱客的博主 细心秋天,这篇文章主要介绍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动态添加文件上传框内容请搜索靠谱客的其他文章。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部