Php文档 Php问答行业资讯 Php论坛 Php手册 Php博客

游戏榜单

软件榜单

关闭导航

热搜榜

热门下载

热门标签

php爱好者> php文档>动态生成表格

动态生成表格

时间：2008-05-13 来源：klx

文件:	动态生成表格.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()'>";
}
}

相关阅读更多 +

永劫无间多少钱开一个箱子游戏攻略 2024-12-20
永劫无间多少钱一个红游戏攻略 2024-12-20
console.log()的作用 console.log()的用法 php教程 2024-12-19
原神劫波莲采集位置游戏攻略 2024-12-19
特工17号存档导入方法游戏攻略 2024-12-19

排行榜更多 +

辰域智控app

辰域智控app

系统工具下载

网医联盟app

网医联盟app

运动健身下载

汇丰汇选App

汇丰汇选App

金融理财下载

4
律动鼓点舞app
85.51M · 99℃

1970-01-01

下载
5
海淘免税店app
81.86M · 92℃

1970-01-01

下载
6
工银商户之家app
78.09M · 91℃

1970-01-01

下载