js动态添加多行

<script language="javascript" type="text/javascript">
function add() {
var index = document.getElementById("Hidden1").value;
index = index * 1 + 1;
document.getElementById("Hidden1").value = index;
alert(document.getElementById("Hidden1").value);
var div = document.getElementById("SurveyDetail");
div.innerHTML = div.innerHTML + "<div id='divrow" + index + "'><input type='text' id='sd" + index + "' name='sd" + index + "'/><a href='javascript:delerow(" + index + ");'>删除</a></div>";
}
function delerow(index) {
var row = document.getElementById("divrow" + index);
var div = document.getElementById("SurveyDetail");
div.removeChild(row);
document.getElementById("Hidden1").value = index * 1 - 1;
}
</script>

<input id="Hidden1" type="hidden" value="0" name="Hidden1"/>
<div id="SurveyDetail">
</div>
<input type="button" value="添加" onclick="add()" />

 

 

后台代码：

int count = Convert.ToInt32(Request.Form["Hidden1"]);
for (int i = 1; i <= count; i++)
{
string surveyDetail = Request.Form["sd" + count].ToString();
TextBox1.Text = TextBox1.Text + surveyDetail;
}