首页 > 代码库 > js动态添加文件上传框

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="http://www.mamicode.com/增加附件" >

        </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="http://www.mamicode.com/删除"    

      j = j + 1;  

});  


});//end seajs.use

function del_fujian(o){  

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

}


js动态添加文件上传框