【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='#' οnclick='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:;' οnclick=\"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);

    }

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值