您的位置:首页 > 其它

动态增加文件上传框

2008-04-09 13:46 183 查看
<div id="annexDiv"></div>
<button class="btn-big" onClick="btn_sub_add()">增加附件(<u>A</u>)</button>
<button class="btn-big" onClick="btn_sub_del()">删除附件(<u>D</u>)</button>
<script type="text/javascript">
function btn_sub_add()
{
var annexDiv = document.getElementById("annexDiv");
var cnt = annexDiv.childNodes.length;
if(cnt == 4)
{
alert("最多增加5个附件!");
return false;
}
var tb = document.createElement("div");
cnt = cnt + 1;
tb.innerHTML="<input type=file name='" + cnt + "' style='width:400px;'>";
annexDiv.appendChild(tb);
}
function btn_sub_del()
{
var annexDiv = document.getElementById("annexDiv");
var cnt=annexDiv.childNodes.length;
if(cnt == 0)
{
alert("不能删除最后一个附件!");
return false;
}
annexDiv.childNodes[cnt-1].removeNode(true);
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: