javascript

位置:IT落伍者 >> javascript >> 浏览文章

js动态给table添加/删除tr


发布日期:2022年04月21日
 
js动态给table添加/删除tr

<!DOCTYPE HTML PUBLIC "//WC//DTD HTML Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">// Example: obj = findObj("image");
function findObj(theObj theDoc)
{
var p i foundObj;
if(!theDoc) theDoc = document;
if( (p = theObjindexOf("?")) > && parentframeslength)
{ theDoc = parentframes[theObjsubstring(p+)]document; theObj = theObjsubstring(p); } if(!(foundObj = theDoc[theObj]) && theDocall) foundObj = theDocall[theObj]; for (i=; !foundObj && i < theDocformslength; i++) foundObj = theDocforms[i][theObj]; for(i=; !foundObj && theDoclayers && i < theDoclayerslength; i++) foundObj = findObj(theObjtheDoclayers[i]document); if(!foundObj && documentgetElementById) foundObj = documentgetElementById(theObj); return foundObj;
}
//添加一个参与人填写行
function AddSignRow(){ //读取最后一行的行号存放在txtTRLastIndex文本框中
var txtTRLastIndex = findObj("txtTRLastIndex"document);
var rowID = parseInt(txtTRLastIndexvalue);

var signFrame = findObj("SignFrame"document);
//添加行
var newTR = signFrameinsertRow(signFramerowslength);
newTRid = "SignItem" + rowID;

//添加列:序号
var newNameTD=newTRinsertCell();
//添加列内容
newNameTDinnerHTML = newTRrowIndextoString();

//添加列:姓名
var newNameTD=newTRinsertCell();
//添加列内容
newNameTDinnerHTML = "<input name=txtName" + rowID + " id=txtName" + rowID + " type=text size= />";

//添加列:电子邮箱
var newEmailTD=newTRinsertCell();
//添加列内容
newEmailTDinnerHTML = "<input name=txtEMail" + rowID + " id=txtEmail" + rowID + " type=text size= />";

//添加列:电话
var newTelTD=newTRinsertCell();
//添加列内容
newTelTDinnerHTML = "<input name=txtTel" + rowID + " id=txtTel" + rowID + " type=text size= />";

//添加列:手机
var newMobileTD=newTRinsertCell();
//添加列内容
newMobileTDinnerHTML = "<input name=txtMobile" + rowID + " id=txtMobile" + rowID + " type=text size= />";

//添加列:公司名
var newCompanyTD=newTRinsertCell();
//添加列内容
newCompanyTDinnerHTML = "<input name=txtCompany" + rowID + " id=txtCompany" + rowID + " type=text size= />";


//添加列:删除按钮
var newDeleteTD=newTRinsertCell();
//添加列内容
newDeleteTDinnerHTML = "<div align=center style=width:px><a #" + rowID + ")">删除</a></div>";

//将行号推进下一行
txtTRLastIndexvalue = (rowID + )toString() ;
}
//删除指定行
function DeleteSignRow(rowid){
var signFrame = findObj("SignFrame"document);
var signItem = findObj(rowiddocument);

//获取将要删除的行的Index
var rowIndex = signItemrowIndex;

//删除指定Index的行
signFramedeleteRow(rowIndex);

//重新排列序号如果没有序号这一步省略
for(i=rowIndex;i<signFramerowslength;i++){
signFramerows[i]cells[]innerHTML = itoString();
}
}//清空列表
function ClearAllSign(){
if(confirm(确定要清空所有参与人吗?)){
var signFrame = findObj("SignFrame"document);
var rowscount = signFramerowslength;

//循环删除行从最后一行往前删除
for(i=rowscount ;i > ; i){
signFramedeleteRow(i);
}

//重置最后行号为
var txtTRLastIndex = findObj("txtTRLastIndex"document);
txtTRLastIndexvalue = "";

//预添加一行
AddSignRow();
}
}
</script>
</HEAD>
<BODY>
<div>
<table width="" border="" cellpadding="" cellspacing="" id="SignFrame">
<tr id="trHeader">
<td width="" bgcolor="#EE">序号</td>
<td width="" bgcolor="#EE">用户姓名</td>
<td width="" bgcolor="#EE">电子邮箱</td>
<td width="" bgcolor="#EE">固定电话</td>
<td width="" bgcolor="#EE">移动手机</td>
<td width="" bgcolor="#EE">公司名称</td>
<td width="" align="center" bgcolor="#EE"></td>
</tr>
</table>
</div>
<div>
<input type="button" name="Submit" value="添加参与人" />
<input type="button" name="Submit" value="清空" />
<input name=txtTRLastIndex type=hidden id=txtTRLastIndex value="" />
</div>
</BODY>
</HTML>

               

上一篇:下拉菜单点击实现连接跳转功能的js代码

下一篇:Jquery同辈元素选中/未选中效果的实例代码