87,923
社区成员
发帖
与我相关
我的任务
分享请教追加table行的问题。
页面上用table显示了一些内容，这些内容可以编辑。并且下边有一追加按钮，可以追加行，每一行又删除按钮。可以删除行。
行的内容
1列 下拉列表 2列 单选按钮 3，4，5列 输入框 6列 删除按钮。
应该用什么方法方便实现呢。
行的内容
1列 下拉列表 2列 单选按钮 3，4，5列 输入框 6列 删除按钮。
应该用什么方法方便实现呢。
...全文
请发表友善的回复…
发表回复
happy664618843 2009-11-06
- 打赏
- 举报
for循环
insertRow(i)
deleteRow(this.rowIndex)
insertRow(i)
deleteRow(this.rowIndex)
xiaofan_sap 2009-11-06
- 打赏
- 举报
<html>
<head>
<title> </title>
<script type="text/javascript">
function $(elem)
{
return document.getElementById(elem);
}
var num=1;
function addd()
{
var tab=$("tb");
var row=tab.insertRow(-1);
row.id="row"+num;
var cell1=row.insertCell(-1);
var cell2=row.insertCell(-1);
var cell3=row.insertCell(-1);
var cell4=row.insertCell(-1);
var cell5=row.insertCell(-1);
var cell6=row.insertCell(-1);
cell1.innerHTML="<select name='xxx'></select>";
cell2.innerHTML="<input type='radio' value='sex' name='sex'>";
cell3.innerHTML=" <input type='text'>";
cell4.innerHTML=" <input type='text'>";
cell5.innerHTML=" <input type='text'>";
cell6.innerHTML=" <input type='button' onclick='del("+num+")' value='delete' >";
num++;
}
function del(num)
{
var row=$("row"+num);
var tab=$("tb");
tab.deleteRow(row.rowIndex);
}
</script>
</head>
<body>
<table id="tb" border=1>
</table>
<input type="button" value="add" id="ok" onclick="addd();"/>
</body>
</html>
sohighthesky 2009-11-06
- 打赏
- 举报
