<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;
}
转自http://www.cnblogs.com/qzr1314/archive/2012/02/13/2349957.html
<script> function ins(elem){ var row = elem.parentNode.parentNode, table = row.parentNode; if (!table._t) { table._t = document.createDocumentFragment(); var i = 0, rows = table.getElementsByTagName('tr'); for (; i < rows.length; i++) { rows[i] === row || table._t.appendChild(rows[i].cloneNode(true)); } } table.appendChild(table._t.cloneNode(true)); } function del(elem){ var row = elem.parentNode.parentNode, table = row.parentNode; if (table._t) { var rows = table.getElementsByTagName('tr'), i = rows.length - 1, l = (i - table._t.childNodes.length) || (table._t.childNodes.length + 1); for (; i > l; i--) { rows[i].parentNode.removeChild(rows[i]); } } } </script> <table> <tr> <td>T/ASO/RPL/10227/0709 <input type="button" value="insert" onclick="ins(this);"> <input type="button" value="delete" onclick="del(this);"></td> </tr> <tr> <td>BL No: <input type="text"></td> </tr> <tr> <td>BL Qty: <input type="text"></td> </tr> <tr> <td>BL Stowage: <input type="text"></td> </tr> <tr> <td>BL Date <input type="text"></td> </tr> </table>转自:http://topic.youkuaiyun.com/u/20090626/14/1222a030-3401-47d1-a8ff-1e5e3b6c04a6.html