javascript动态添加表单例子下载
<html>
<head>
<title></title>
<script type="text/javascript">
var textNumber = 1;
function addTextBox(form, afterElement)
{
textNumber++;
var label = document.createElement("label");
var textField = document.createElement("input");
textField.setAttribute("type","text");
textField.setAttribute("name","txt"+textNumber);
textField.setAttribute("id","txt"+textNumber);
label.appendChild(document.createTextNode("文本框 #"+textNumber+": "));
label.appendChild(textField);
form.insertBefore(label,afterElement);
return false;
}
function removeTextBox(form)
{
if (textNumber > 1)
{
form.removeChild(document.getElementById("txt"+textNumber).parentNode);
textNumber--;
}
}
</script>
<style type="text/css">
label { display:block; margin:.25em 0em; }
</style>
</head>
<body>
<form id="myForm" method="get" action="http://www.cnjavadown.com" />
<label>文本框 #1: <input type="text" name="txt1" id="txt1" />
</label>
<p>
<button onclick="addTextBox(this.form,this.parentNode)">增加表单</button>
<button onclick="removeTextBox(this.form)">移除表单</button>
</p>
<p><button type="submit">提交</button></p>
</form>
</body>
</html>
