JS .net 有人帮我看看吗 增加删除控件
<html xmlns=" http://www.w3.org/1999/xhtml"><head runat="server">
<title></title>
<script type="text/javascript">
<!--
var textNumber = 1;
function addTextBox(form, afterElement) {
// Increment the textbox number
textNumber++;
// Create the label
var label = document.getElementById("all");
// Create the textbox
var textField = document.createElement("input");
textField.setAttribute("type", "text");
textField.setAttribute("name", "color");
textField.setAttribute("id", "color" + textNumber);
textField.setAttribute("size", "6");
// Add the label's text
label.appendChild(document.createTextNode("颜色#" + textNumber + ": "));
// Put the textbox inside
label.appendChild(textField);
var textField2 = document.createElement("input");
textField2.setAttribute("type", "text");
textField2.setAttribute("name", "price");
textField2.setAttribute("id", "price" + textNumber);
textField2.setAttribute("size", "10");
// Add the label's text
label.appendChild(document.createTextNode("价格#" + textNumber + ": "));
// Put the textbox inside
label.appendChild(textField2);
label.appendChild(document.createTextNode(" 元"));
label.appendChild(document.createElement("br"));//回车换行
// Add it all to the form
form.insertBefore(label, afterElement);
return false;
}
function removeTextBox(form) {
if (textNumber > 1) { // If there's more than one text box
// Remove the last one added
form.removeChild(document.getElementById("color" + textNumber).parentNode);
form.removeChild(document.getElementById("price" + textNumber).parentNode);
textNumber--;
}
}
//-->
</script>
</head>
<body>
<form id="form1" runat="server">
例子:参数#1:型号 内容#1:飞越 A600-2201
<div id="all" style="width:300px">
参数#1: <input id="color1" name="color" type="text" size="6" />
内容#1: <input id="price1" name="price" type="text" size="10" /> 元<br />
</div>
<div>
<input type="button" value="增加参数" onclick="addTextBox(this.form,this.parentNode)" />
<input type="button" value="删除参数" onclick="removeTextBox(this.form)" /><br />
<asp:Button ID="Button1" runat="server" Text="提交" onclick="Button1_Click" />
</div>
</form>
</body>
</html>
现在只能增加,怎么删除呢? 一按删除就全部删除了??
追问:弱智