js 自动添加任意数量的表单内容

<html>
<script language="javascript">
var i =2;//设置基数为2
function addFile()
{
var dv = document.getElementById("dvFiles");//设置生成表单内容的容器,即放置位置
var file = document.createElement("input");//建立input标记的内容
file.type = "text";//设置类型
file.id = file.name = "image" + i;//设置id和名称
dv.appendChild(file);//在容器里添加
var btn = document.createElement("input");//建立input标记内容
btn.type = "button";//类型
btn.id = btn.name="btn"+i;//id和名称
btn.value = "删除";//内容值
btn.onclick = function() {//单击调用函数
var b = document.getElementById(btn.id);//获得相关内容
dv.removeChild(b.nextSibling); //remove <BR>//删除
dv.removeChild(b.previousSibling); //file
dv.removeChild(b); //btn
}
dv.appendChild(btn);
dv.appendChild(document.createElement("BR")); //打印换行
}

</script>

<body><input type="text" name="image1" />
<div id="dvFiles"></div><input type="button" name="Submit" value="添加上传" onClick="addFile()">
</body>

</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值