JavaScript动态添加删除表格行
<table id="idTB" border=0><!--注意id，与JS中的要相对应--><tr id=idTR>
<td>第一行 <input type='button'></td>
</tr>
</table>
<input type="button"value="添加一行"><br>
<input type="button"value="删除一行"> Row index:<input id="idIndex">(<a id="idFirst">1</a>~<a id="idLast">1</a>)
<script>
function addRow(){//添加表格的一行
oTR=idTB.insertRow(idTB.rows.length);
tmpNum=oTR.rowIndex;
oTD=oTR.insertCell(0);
oTD.innerText="第" + tmpNum+"行";//在该处添加的HTML代码会原封不动的显示在页面上
oTD.innerHTML="<input type='text' name='txt"+tmpNum+"'>";//要在该格添加的HTML代码填在这里，因为这里是text，注意不要重名了。
idLast.innerText=idTB.rows.length;
if(idTB.rows.length>0)
idFirst.innerText='1';
return true;
}
function delRow(){//删除表格的一行
sIndex=idIndex.value;
if(sIndex=='')
sIndex=idTB.rows.length-1;
else
sIndex=parseInt(sIndex)-1;
idTB.deleteRow(sIndex);
idLast.innerText=idTB.rows.length;
if(idTB.rows.length==0)
idFirst.innerText='0';
}
</script>
http://www.cnblogs.com/rhodamine/archive/2006/07/18/453430.html
http://www.cnblogs.com/jjiac/archive/2005/10/10/251640.html
http://www.blogjava.net/lpeter/archive/2007/05/28/120536.html
http://blog.csdn.net/fatowen/article/details/6257610
页:
[1]