参考别人做的JS动态添加表格
来源:互联网 发布:淘宝充话费如何退款 编辑:程序博客网 时间:2024/06/07 06:25
<html>
<!---------------------------------------------------------------
-- 动态 表格
-- 此注释方法值得学习
-- 2007-07-25
---------------------------------------------------------------->
<head>
<title>动态添加</title>
<script language="javascript">
function addHtml(r)
{
//alert(r);
var tab = document.getElementById("tb") ;
var colsNum = tab.rows.item(0).cells.length ;
var row = document.getElementById("tb");
var rownum ;
if(r!=0)
{
rownum = r + 1;
}
else
{
//获得当前得行数
var num = document.getElementById("tb").rows.length;
//使添加得新行在表格底部
rownum = num - 1;
}
row.insertRow(rownum);
var i=0;
for(;i<colsNum-1;i++)
{
//最大值
row.rows[rownum].insertCell(i);
row.rows[rownum].cells[i].innerHTML="<input type='text' name='test' value=''/>";
}
row.rows[rownum].insertCell(i);
row.rows[rownum].cells[i].innerHTML="<input type='button' value='+' onclick='addHtml("+rownum+")'/><input type='button' value='-' onclick='deleterow("+rownum+")'/>";
}
function deleterow(rnum)
{
var num = document.getElementById("tb").rows.length;
if(rnum != num)
{
var aa = num - rnum ;
if(aa == 1)
{
//防止删除最后一行
rnum = rnum - 1;
}
if(confirm('你确定要删除吗?'))
{
var tbody = document.getElementById("tb");
tbody.deleteRow(rnum);
}
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="50%" border="1" align="center" id="test">
<tbody id="tb">
<tr>
<td>姓名</td><td>性别</td><td>单位</td><td>身份证号</td>
<td> </td>
</tr>
<tr>
<td colspan="5" align="right" valign="middle">
<input type="button" name="Submit2" value="Add" onclick="addHtml(000)"/>
<input type="submit" name="Submit" value="保存" />
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
<!---------------------------------------------------------------
-- 动态 表格
-- 此注释方法值得学习
-- 2007-07-25
---------------------------------------------------------------->
<head>
<title>动态添加</title>
<script language="javascript">
function addHtml(r)
{
//alert(r);
var tab = document.getElementById("tb") ;
var colsNum = tab.rows.item(0).cells.length ;
var row = document.getElementById("tb");
var rownum ;
if(r!=0)
{
rownum = r + 1;
}
else
{
//获得当前得行数
var num = document.getElementById("tb").rows.length;
//使添加得新行在表格底部
rownum = num - 1;
}
row.insertRow(rownum);
var i=0;
for(;i<colsNum-1;i++)
{
//最大值
row.rows[rownum].insertCell(i);
row.rows[rownum].cells[i].innerHTML="<input type='text' name='test' value=''/>";
}
row.rows[rownum].insertCell(i);
row.rows[rownum].cells[i].innerHTML="<input type='button' value='+' onclick='addHtml("+rownum+")'/><input type='button' value='-' onclick='deleterow("+rownum+")'/>";
}
function deleterow(rnum)
{
var num = document.getElementById("tb").rows.length;
if(rnum != num)
{
var aa = num - rnum ;
if(aa == 1)
{
//防止删除最后一行
rnum = rnum - 1;
}
if(confirm('你确定要删除吗?'))
{
var tbody = document.getElementById("tb");
tbody.deleteRow(rnum);
}
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="50%" border="1" align="center" id="test">
<tbody id="tb">
<tr>
<td>姓名</td><td>性别</td><td>单位</td><td>身份证号</td>
<td> </td>
</tr>
<tr>
<td colspan="5" align="right" valign="middle">
<input type="button" name="Submit2" value="Add" onclick="addHtml(000)"/>
<input type="submit" name="Submit" value="保存" />
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
- 参考别人做的JS动态添加表格
- js动态添加表格
- js动态添加表格
- js实现表格行的动态添加
- js实现表格的动态添加
- js实现动态添加表格的行
- JS 动态添加、删除表格的行
- JS动态添加删除表格
- js动态添加删除表格
- js动态添加word表格
- JS动态添加表格(一)
- JS动态添加表格(二)
- Js动态添加表格行
- JS动态添加表格行
- JS动态添加表格行
- js动态添加表格源代码
- js如何动态添加表格
- js动态添加tr表格
- 报表开发JFreeReport
- Android 使用.net开发的webservice做用户登录验证
- 关于苹果App Store账号申请、真机调试、发布相关知识收集
- 选购一款适合自己的显卡系列7:Memory Concerns
- java学习汇总
- 参考别人做的JS动态添加表格
- kernel笔记——中断
- 安卓开发环境搭建
- 通过openURL启动第三方APP传参
- 移动项目开发笔记(.Net下的观察者(Observer)模式)
- response.write输出 改变页面的结构
- iPhone应用程序间传递参数两种方法
- cocos2d-x 使用box2d实现物理弹跳效果
- android实现开机启动服务