【精简实用系列】点击按钮增加文本框
灵活的点击增加按钮增加一个input文本框,代码如下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击按钮增加文本框</title>
</head>
<body>
<div id="d">
<input type="text" name="tpname_0" value="tpname_0" />
</div>
<input type="button" id="b" value="添加"/>
</body>
<script language="javascript">
i = 1;
document.getElementById("b").onclick=function(){
document.getElementById("d").innerHTML+='<div id="div_'+i+'"><input name="text" name="tpname_'+i+'" type="text" value="tpname_'+i+'" /><input type="button" value="删除" onclick="del('+i+')"/></div>';
i = i + 1;
}
function del(o){
document.getElementById("d").removeChild(document.getElementById("div_"+o));
}
</script>
</html>