【JS常用代码】动态添加附件效果
1.普通形式的
var?filenum=2;
var?strfile="";
????function?addfile()
{
if(filenum<=5)
{
strfile="<p?id='file"+filenum+"'><span><input?type='file'?name='myfile'/></span>?<span><a?href='#'?onclick='delfile("+filenum+")'>删除</a></span></p>";
$("#filediv").append(strfile);
}
else
{
alert("最多支持上传5个插件");
return?false;
}
?
filenum++;
}
?
function?delfile(fileid)
{
//var?n?=?File1.getElementsByTagName("div");
$("#file"+fileid).remove();
filenum--;
?
}
2.Gmail形式的
?var?html="<input?name=title?type=file>?<a?href='javascript:;'?onclick="remove(this)">删除</a>";
????function?add()
????{
????var?o=document.all["files"];
????var?div=document.createElement("div");
????div.innerHTML=html;
????o.appendChild(div);
????div.childNodes[0].click();
????}
????function?remove(obj)
????{
????obj.parentElement.parentElement.removeChild(obj.parentElement);
????}
?
?
?
