表格动态添加删除一行
2008-05-28 10:22
465 查看
<script language=javascript>allCount=1function addline(){newRow=listtable.insertRow(listtable.rows.length);newRow.ln=allCount;newRow.id="line"+allCount;addRowCells(newRow);allCount++}function insertline(lineid){for(i=0;i<listtable.rows.length;i++){ if(listtable.rows[i].id==lineid.id){ newRow=listtable.insertRow(i); newRow.ln=allCount; newRow.id="line"+allCount; addRowCells(newRow); allCount++ return; }}}function delline(lineid){for(i=0;i<listtable.rows.length;i++){ if(listtable.rows[i].id==lineid.id){ listtable.deleteRow(i); return; }}}function addRowCells(row){c1=row.insertCell(0);c1.bgColor="#FFFFFF";c1.innerHTML="<input size=10 name=sClass"+allCount+">";c2=row.insertCell(1);c2.bgColor="#FFFFFF";c2.innerHTML="<input size=10 name=sMaterial"+allCount+">";c3=row.insertCell(2);c3.bgColor="#FFFFFF";c3.innerHTML="<input size=10 name=sSpec"+allCount+">";c4=newRow.insertCell(3);c4.bgColor="#FFFFFF";c4.align="CENTER";c4.innerHTML="<input type=button value=删除 onclick=delline(line"+allCount+")>";c4.innerHTML+="<input type=button value=插入 onclick=insertline(line"+allCount+")>";}</script>-------------------------------------------------------------------------------------<table width=400 height="20" border="1" align="center" cellpadding=0 cellspacing=0 id=listtable> <tr align=center height=20> <td bgcolor=#FFFFFF><b>品名</b></td> <td bgcolor=#FFFFFF><b>材质</b></td> <td bgcolor=#FFFFFF><b>规格</b></td> <td bgcolor=#FFFFFF><b><a href="#" onclick="addline()" style="text-decoration:none;">+</a></b></td> </tr></table>
相关文章推荐
- js 动态表格添加一行删除一行
- 动态添加/删除表格的一行我的办法
- 点击按钮实现表格动态添加或删除一行
- javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)
- javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)
- js动态表格添加一行删除一行保存一行
- 动态添加/删除表格的一行我的办法
- 动态添加删除table页面一行input表格
- JQUERY动态绘制表格,实现动态添加一行,删除一行
- JavaScript动态实现表格添加、删除、插入、上移、下移一行功能
- 使用jQuery动态创建一个表格(根据用户输入的内容添加一行数据,并且能逐行删除)
- js动态添加删除表格行
- 原生JS和JQuery动态添加、删除表格行的方法
- 利用jquery给指定的table动态添加一行、删除一行
- jquery表格动态添加删除
- 在一个table中动态添加一行或删除一行
- 动态添加删除表格2
- 在table中动态添加删除一行
- jquery动态添加删除一行数据
- 用Javascript动态添加和删除表格行(2)源代码