您的位置:首页 > Web前端 > JavaScript

Js动态添加表格行

2011-12-18 16:57 330 查看
function addRow(){

var parentWin=window.dialogArguments;//父窗口参数

//var srrq=parentWin.document.getElementById('srrq').value;

//var dh=parentWin.document.getElementById('dh').value;

//var srzh=parentWin.document.getElementById('srzh').value;

var obj=document.getElementById('troubleTable');//获取表格对象

var maxcell=obj.rows(0).cells.length;//获取表格中的列数

var dbw=document.form1.dbw.value;

var xh=document.form1.xh.value;

var xbw=document.form1.xbw.value;

var gxbw=document.form1.gxbw.value;

var jtgz=document.form1.jtgz.value;

var gzfw=document.form1.gzfw.value;

var zy=document.form1.zy.options[document.form1.zy.selectedIndex].value;

var gzcd=document.form1.gzcd.value;

var myNewRow=obj.insertRow();

for(i=0;i<maxcell;i++)

{

mynewcell=myNewRow.insertCell();

if(i==0)

mynewcell.innerText=obj.rows.length-1;

else if(i==1)

mynewcell.innerText=dbw;

else if(i==2)

mynewcell.innerText=xh;

else if(i==3)

mynewcell.innerText=xbw;

else if(i==4)

mynewcell.innerText=gxbw;

else if(i==5)

mynewcell.innerText=jtgz;

else if(i==6)

mynewcell.innerText=gzfw;

else if(i==7)

mynewcell.innerText=zy;

else if(i==8)

mynewcell.innerText=gzcd;

else if(i==9)

mynewcell.innerText=ccdw;

}
[align=left]}[/align]
function deleteRow(){

var obj=document.getElementById('troubleTable');//获取表格对象

if(obj.rows.length>1)

troubleTable.deleteRow();

}
<table id="troubleTable" width="600" align="center" cellpadding="2" cellspacing="0" >

<tr >

<td width="10">序号</td>

<td width="80">故障编码</td>

<td width="120">故障名称</td>

<td width="50">故障方位</td>

<td width="50">故障程度</td>

<td width="50">尺寸程度</td>

<td width="30">左右</td>

<td width="50">施修方法</td>

<td width="38">故障数</td>

</tr>

</table>
//设置默认值

function setDefaultValue(){

var parentWin=window.dialogArguments;//父窗口参数

var srrq=parentWin.document.getElementById('srrq').value;//轮对收入日期

var dh=parentWin.document.getElementById('dh').value;//单号

var srzh=parentWin.document.getElementById('srzh').value;//收入轴号

document.form1.srrq.value=srrq;

document.form1.dh.value=dh;

document.form1.srzh.value=srzh;

}
function saveDate(){

//获取动态添加的表格行和列中的值

var myTable=document.getElementById('troubleTable');

var maxcell=myTable.rows(0).cells.length;

var rowCount=myTable.rows.length;

if(rowCount>1){

for(var i=1;i<rowCount;i++){

for(var j=0;j<myTable.rows[i].cells.length;j++){

var cellValue=myTable.rows[i].cells[j].innerText;

alert(cellValue);

}

}

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: