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);
}
}
}
}
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);
}
}
}
}
相关文章推荐
- js动态添加删除表格的行
- javascript表格动态添加行,添加列,js,table,tr,td
- 原生JS和JQuery动态添加、删除表格行的方法
- JS动态添加table表格元素
- JS 利用节点实现对表格的动态添加删除
- JS动态添加删除表格行
- js动态添加删除表格元素(兼容IE和Firefox)
- js实现表格行的动态添加
- JS动态添加给表格添加一行时,Firefox报错 Not enough arguments
- js实现动态添加、删除行、onkeyup表格求和示例
- 动态添加删除表格行的js实现代码
- JS动态创建表格,动态设置属性,动态添加事件
- js用克隆(clone)的方法动态添加表格行
- 点滴积累【JS】---JS小功能(操作Table--动态添加删除表格及数据)
- js实现表格的动态添加
- js动态添加表格数据使用insertRow和insertCell实现
- js动态往表格的td中添加图片
- JS动态添加表格(一)
- js动态添加表格行
- asp.net利用json填充下拉框及js动态添加表格行、删除表格行的示例