javascript 兑现动态增加行/删除行
日期：2014-05-16 浏览次数：20322 次
javascript 实现动态增加行/删除行
运行效果：
?
HTML代码：
<html> <body> <input type="button" value="new row" onclick="add_row()"> <table id="table2"> </table> </body> </html>
?
javascript代码：
<script>
var row_index=0;
/*
* 增加一行
*/
function add_row()
{
var table2 = document.getElementById("table2");
row_index++;
var new_row=table2.insertRow(table2.rows.length);
new_row.setAttribute("id", "row"+row_index);
var new_col=new_row.insertCell(0);
new_col.innerHTML="<input type='file' name='filename"+row_index+"' size='87' >";
var new_col=new_row.insertCell(1);
new_col.innerHTML=" <input type='button' value='删除' onclick=\"delete_row('row"+row_index+ "')\">";
document.getElementById("filename"+row_index).focus();
}
/*
* 删除一行
*/
function delete_row(rname)
{
var table2 = document.getElementById("table2");
var i;
i=table2.rows(rname).rowIndex;
table2.deleteRow(i);
}
</script>
?
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
