JavaScript 动态删除/添加HTML表单元素


<HTML>
<HEAD>
<title>动态添加/删除HTML元素</title>
<script   language="javascript">
var count= 0 ;
var maxfile = 5;
增加元素
function addUpload() {
if(count >= maxfile)    return;//限制最多maxfile个文件框
count++;
//自增id不同的HTML对象,并附加到容器最后
var newDiv =  "<div id=divUpload" + count +">"
+ " <input id=file" + count + " type=file size=50 name=upload>"
+ " <a href=javascript:delUpload('divUpload" + count + "');>删除</a>"
+ " </div>";
document.getElementById("uploadContent").insertAdjacentHTML("beforeEnd", newDiv);
}
//删除指定元素
function delUpload(diva) {
count--;
document.getElementById(diva).parentNode.removeChild(document.getElementById(diva));
}
</script>
</HEAD>
<body   MS_POSITIONING="GridLayout">
<form   id="Form1"   method="post"   runat="server"   enctype="multipart/form-data">
<div>
<table>
<tr>
<td   id="tdRrmove"   width="2000">
<!--承接整个file文件框的HTML容器-->
<div id="uploadContent">
<!--默认的file文件框
<div id=div1><input id=file1 type=file size=50 name=upload></div>-->
</div>
</td>
</tr>
</table>
</div>
<a href="javascript:addUpload()">添加附件</a>
<br/>
<br/>
</form>
</body>
</HTML>



相关阅读:
NVClock:优化 Nvidia 显卡
Windows 2008脱机文件配置攻
怎么在 DOS 下实现“软启动”?
按钮JS复制文本框和表格的代码
SQLServer 2005 自动备份数据库的方法分享(附图解教程)
一站式规划linux入门学习线路
javascript 设为首页与加入收藏兼容多浏览器代码
oracle中rownum对排序的影响及解决方法
Windows7安装和部署时的相关问题
一个网马的tips实现分析
Js+CSS实现的间断和不间断文本滚动代码
PHP函数使用说明(补充)
php 面向对象的一个例子
php程序员一般都忽略了的几点精华
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4