Js实现动态添加删除Table行示例

时间: 作者:走间

  

[动态添加,删除,Table行]Js实现动态添加删除Table行示例

  最近做项目遇到要动态添加、删除表格行的操作,实现如下  
  
html代码  
代码如下:
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
汇盛国际平台

主要学习简历

起讫时间 毕业院校所学专业学制学位学习方式文化程度  
  
  
  
  
javascript代码:  
代码如下:
  
// Example: obj = findObj("image1");  
  
function findObj(theObj, theDoc)  
{  
var p, i, foundObj;  
if(!theDoc) theDoc = document;  
if( (p = theObj.indexOf("?")) > 0 && parent.frames.length)  
{  
theDoc = parent.frames[theObj.substring(p+1)].document;  
theObj = theObj.substring(0,p);  
}  
if(!(foundObj = theDoc[theObj]) && theDoc.all)  
foundObj = theDoc.all[theObj];  
for (i=0; !foundObj && i < theDoc.forms.length; i++)  
foundObj = theDoc.forms[i][theObj];  
for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)  
foundObj = findObj(theObj,theDoc.layers[i].document);  
if(!foundObj && document.getElementById)  
foundObj = document.getElementById(theObj);  
return foundObj;  
}  
  
  
//添加一行学习简历  
function LearnAddSignRow(){ //读取最后一行的行号,存放在LearnTRLastIndex文本框中  
var LearnTRLastIndex = findObj("LearnTRLastIndex",document);  
var rowID = parseInt(LearnTRLastIndex.value);  
  
var signFrame = findObj("LearnInfoItem",document);  
//添加行  
var newTR = signFrame.insertRow(signFrame.rows.length);  
newTR.id = "LearnItem" + rowID;  
  
//添加列:起讫时间  
var newNameTD=newTR.insertCell(0);  
//添加列内容  
newNameTD.innerHTML = "";  
  
//添加列:毕业院校  
var newNameTD=newTR.insertCell(1);  
//添加列内容  
newNameTD.innerHTML = "";  
  
//添加列:所学专业  
var newEmailTD=newTR.insertCell(2);  
//添加列内容  
newEmailTD.innerHTML = "";  
  
//添加列:学制  
var newTelTD=newTR.insertCell(3);  
//添加列内容  
newTelTD.innerHTML = "";  
  
//添加列:学位  
var newMobileTD=newTR.insertCell(4);  
//添加列内容  
newMobileTD.innerHTML = "";  
  
//添加列:学习方式  
var newMobileTD=newTR.insertCell(5);  
//添加列内容  
newMobileTD.innerHTML = "";  
  
//添加列:文化程度  
var newCompanyTD=newTR.insertCell(6);  
//添加列内容  
newCompanyTD.innerHTML = "";  
  
  
//添加列:删除按钮  
var newDeleteTD=newTR.insertCell(7);  
//添加列内容  
newDeleteTD.innerHTML = "
";  
  
//将行号推进下一行  
LearnTRLastIndex.value = (rowID + 1).toString() ;  
}  
//删除指定行  
function LearnDeleteRow(rowid){  
var signFrame = findObj("LearnInfoItem",document);  
var signItem = findObj(rowid,document);  
  
//获取将要删除的行的Index  
var rowIndex = signItem.rowIndex;   (责任编辑:admin)

推荐图片Related

相关文章Related

查看更多热门新闻


首页 | 特效插件 | 常用代码 | 样式素材 | 脚本代码 | css特效

Copyright © 2017-2018 汇盛国际 版权所有

系统要求:本站自适应各终端浏览器分辨率

请使用Google、Firefox、IE9、百度浏览器登录网站

网站地图 | RSS订阅 | 汇盛国际平台