论坛 › Web开发 › 【JS常用代码】动态添加附件效果

中关村村草 发表于 2012-02-03 18:19

【JS常用代码】动态添加附件效果

【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.click();

    }

    function remove(obj)

    {

    obj.parentElement.parentElement.removeChild(obj.parentElement);

    }

我是软件狂 发表于 2012-02-03 18:19

谢谢分享

查看完整版本: 【JS常用代码】动态添加附件效果