博客首页 注册 建议与交流 排行榜 加入友情链接         宝宝相册的专门空间
推荐 投诉 搜索： 帮助

我的IT之旅

Life is a journey
klx.cublog.cn


动态生成表格
文件: 动态生成表格.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="<div align = left><select id="+stri+" name='select9' size='1'> <option>---可填、可选择---</option> <option>醋酸酐</option></select> </div>";
cell2.innerHTML= "<div align = center><input name='text2242' type='text' value='' size='10' /> <select name='select12'><option>吨</option><option>千克</option><option>升</option><option>毫升</option></select></div> ";
cell3.innerHTML="<div align = center><input type='button' value='删 除' onclick='delete_row("+(tableobj.rows.length-1)+");leo()'> </div>";
}

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="<div align = left><select id="+stri+" name='select9' size='1'> <option>---可填、可选择---</option> <option>醋酸酐</option></select> </div>";
tableobj.rows[i].cells[2].innerHTML="<input type='button' value='删 除' onclick='delete_row("+i+");leo()'>";
}
}

 

 

发表于： 2008-05-13 ，修改于： 2008-05-13 17:04，已浏览199次，有评论0条 推荐 投诉


网友评论

发表评论