Chinaunix首页 | 论坛 | 博客

我的IT之旅

首页　| 　博文目录　| 　关于我

klx

  • 博客访问： 1101312
  • 博文数量： 60
  • 博客积分： 10010
  • 博客等级： 上将
  • 技术积分： 2500
  • 用 户 组： 普通用户
  • 注册时间： 2006-12-19 19:47
文章分类

全部博文（60）

文章存档

2009年（6）

2008年（54）

我的朋友
最近访客
推荐博文
相关博文
动态生成表格

分类： 系统运维

2008-05-13 17:00:08

文件: 动态生成表格.rar
大小: 1KB
下载: 下载

//html代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>动态生成表格</title>
</head>
<script language="JavaScript" src="js/table.js"></script>
<body
   onload = "add_row('table_1')">
   <table id="table_1" width="515" border="1" cellpadding="0" cellspacing="0">
     <tr>
        <td align="center"><span class="STYLE23"><span style="color:#FF0000">*</span>生产或经营品种名称</span></td>
        <td align="center"><span class="STYLE23"><span style="color:#FF0000">*</span>生产或经营数量</span></td>
        <td align="center" class="STYLE23">操 作</td>
         <td align="center"><input name="rs_return2" type="button" value="添　加"onclick="add_row('table_1')" /></td>
      </tr>        
   </table>
</body>
</html>

 

 

js代码：

function add_row(tbName){
var tableobj=document.getElementById(tbName);
var rowobj=tableobj.insertRow(tableobj.rows.length);

var cell1=rowobj.insertCell(rowobj.cells.length);
var cell2=rowobj.insertCell(rowobj.cells.length);
var cell3=rowobj.insertCell(rowobj.cells.length);
var stri = 'stname_'+(tableobj.rows.length-1);

cell1.innerHTML="

";
cell2.innerHTML= "
";
cell3.innerHTML="
";
}

function delete_row(i){
var tableobj=document.getElementById('table_1');
var stTest = document.getElementById('stname_'+ i);
if (confirm("你确定要删除“"+stTest.options[stTest.selectedIndex].text+"”？") == true)
    {
     tableobj.deleteRow(i);
    }
}

function leo(tbName){//当删除一行后，对各行重新建立索引！！！ ——leo

var tableobj=document.getElementById('table_1');
for(i=1;i<tableobj.rows.length;i++)
{
var stri = 'stname_'+i;
tableobj.rows[i].cells[0].innerHTML="
";
tableobj.rows[i].cells[2].innerHTML="";
}
}

 

 

阅读(1237) | 评论(0) | 转发(0) |
0

上一篇：DW输入框(input)属性设置:透明

下一篇：表格布局中单元格背景颜色鼠标响应的JS代码

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6