首页 > 代码库 > 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动态添加文件上传框