js动态添加文件上传框

Posted 2020-08-23

页面元素添加为

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

}