三级动态表格的级联新增需要帮忙，大哥哥们快来帮帮小妹啊！！

miaohong2820 2007-10-26 05:11:09

各位大哥：
要求动态新增三级表格，现动态新增两级已经实现，即：新增最大项目、在最大项目下面新增该最大项目的次大项目已经实现，实在弄不出来动态新增小项和细则，并且要它们并列显示到该次大项目下面，这个涉及到一个三级表格，并且要每级关联，小妹看了一天看的头混混的，请大哥哥们来帮帮小妹啊！！先谢啦！！
代码如下：点右键可以直接运行看效果！！再次谢各位大哥哥啦！！
<body topmargin="5" oncontextmenu="prnmenu();return false;" onclick="closeprnmenu();" >
<form method="post" name="frm" action="" >
<table border="1" width="95%" bordercolorlight="#800000" bordercolordark="#FFFFFF" cellspacing="0" cellpadding="0" name="xiangmubiao" id="xiangmubiao" class="dontprn" >
<tr >
<td align="center" width="90" bgcolor="#CCCCFF" > <font color="#800000" >
<span style="font-size: 9pt" >最大项目 </span > </font > </td >
<td align="center" width="80" bgcolor="#CCCCFF" > <font color="#800000" >
<span style="font-size: 9pt" >次大项 </span > </font > </td >
<td align="center" width="120" bgcolor="#CCCCFF" > <font color="#800000" >
<span style="font-size: 9pt" >小项 </span > </font > </td >
<td align="center" width="120" bgcolor="#CCCCFF" > <font color="#800000" >
<span style="font-size: 9pt" >细项 </span > </font > </td >
</tr >

<input type="hidden" name="xmbrow" >
<input type="hidden" name="zxbrow" >
<input type="hidden" name="xxbrow" >

<table name="mxlbinput" id="mxlbinput" border= '1 ' cellpadding= '0 ' cellspacing= '0 ' bordercolordark= '#ffffff ' bordercolorlight= '#999999 ' width= '100% ' height="19" style="display:none" > </table >
</form >
</center >
<center >
<div style="display:none;position: absolute; width: 53px; height: 85px; z-index: 1; left: 691px; top: 421px" id="prn" class="dontprn" >
<table border="1" cellspacing="0" cellpadding="0" bordercolorlight="#006600" bordercolordark="#FFFFFF" bgcolor="#CCCCFF" > <tr > <td > <table border="0" cellspacing="0" cellpadding="0" width="38" style="word-wrap: break-word" >
<tr > <td align="center" onClick="zxm();" style="cursor:hand;" > <font onmouseover="this.color= 'green '" onmouseout="this.color= 'black '" >增最大项目 </font > </td > </tr >
<tr > <td height="5" > </td > </tr >
<tr > <td align="center" onClick="zzx();" style="cursor:hand;" > <font onmouseover="this.color= 'green '" onmouseout="this.color= 'black '" >增次大项目 </font > </td > </tr >
<tr > <td height="5" > </td > </tr >
<tr > <td align="center" onClick="zxx();" style="cursor:hand;" > <font onmouseover="this.color= 'green '" onmouseout="this.color= 'black '" >增小项 </font > </td > </tr >
<tr > <td style="cursor:default;" height="3" > <hr color="#FFFFFF" style="border: 1px groove #FFFFFF" height="3" > </td > </tr >
</table > </td > </tr > </table > </div >

</body >
<script language="javascript" >
qqset();
function qqset(){
mmm=xiangmubiao.rows.length-1;
for(var i=1;i <=mmm;i++)
{
xiangmubiao.rows(i).onclick=Click_Handle;
xiangmubiao.rows(i).oncontextmenu=Click_Handle;
}
document.frm.xmbrow.value=mmm;

}
function zxm(){

for(var i=1;i <xiangmubiao.rows.length;i++)
{
if(xiangmubiao.rows(i).bgColor=="#99cccc")
{
xiangmubiao.rows(i).bgColor="#FFFFFF";
}
}

n=xiangmubiao.rows.length;
r=xiangmubiao.insertRow();
r.oncontextmenu=Click_Handle;
r.onclick=Click_Handle;
//最大项目
c=r.insertCell();
c.width=15;
c.innerHTML=" <textarea name= 'xm"+n+" ' rows= '3 ' cols= '10 ' style= 'border-top:0px;border-right:0px;border-bottom:0px;border-left:0px; ' > </textarea >";

//次大项
c=r.insertCell();
c.width=15;
c.innerHTML=" <table border= '0 ' style= 'word-wrap: break-word;border-top:0px;border-right:0px;border-bottom:0px solid black;border-left:0px; ' cellspacing= '0 ' cellpadding= '0 ' id= 'zxb"+n+" ' > <tr > <td style= 'border-top:0px;border-right:0px;border-bottom:0px;border-left:0px; ' > <textarea name= 'zx"+n+"1 ' rows= '3 ' cols= '20 ' style= 'border-top:0px;border-right:0px;border-bottom:0px;border-left:0px; ' > </textarea > </td > </tr > </table >";

//小项
c=r.insertCell();
c.width=15;
c.innerHTML=" <table border= '0 ' style= 'word-wrap: break-word;border-top:0px;border-right:0px;border-bottom:0px solid black;border-left:0px; ' cellspacing= '0 ' cellpadding= '0 ' id= 'xxb"+n+"1 ' > <tr > <td style= 'border-top:0px;border-right:0px;border-bottom:0px;border-left:0px; ' > <textarea name= 'xx"+n+"11 ' rows= '3 ' cols= '30 ' style= 'border-top:0px;border-right:0px;border-bottom:0px;border-left:0px; ' > </textarea > </td > </tr > </table >";

//细则
c=r.insertCell();
c.innerHTML=" <table border= '0 ' style= 'word-break: break-all;border-top:0px;border-right:0px;border-bottom:0px solid black;border-left:0px; ' cellspacing= '0 ' cellpadding= '0 ' id= 'xzb"+n+"1 ' > <tr > <td style= 'border-top:0px;border-right:0px;border-bottom:0px;border-left:0px; ' > <textarea name= 'xz"+n+"11 ' rows= '3 ' cols= '30 ' style= 'border-top:0px;border-right:0px;border-bottom:0px;border-left:0px; ' > </textarea > </td > </tr > </table >";

document.frm.xmbrow.value=n;
}

function fuwei(){
for(var i=1;i <xiangmubiao.rows.length;i++)
{
if(xiangmubiao.rows(i).bgColor=="#99cccc")
{
xiangmubiao.rows(i).bgColor="#FFFFFF";
}
}

}

function zzx(){
if(document.frm.xmbrow.value=="" ¦ ¦isNaN(document.frm.xmbrow.value))
xmr=0;
else
xmr=parseInt(document.frm.xmbrow.value);
if(xmr==0)
alert("还没有项目或未选择在哪个项目下增加大项!");
else
{
ff=eval("zxb"+xmr);
nn=ff.rows.length+1;
r=ff.insertRow();
c=r.insertCell();
c.innerHTML=" <textarea onclick=dedao( '"+xmr+" ', '"+nn+" ') name= 'zx"+xmr+nn+" ' rows= '3 ' cols= '20 ' style= 'border-top:1px solid #800000;border-right:0px;border-bottom:0px;border-left:0px; ' > </textarea >"

ff=eval("xxb"+xmr+"1");
r=ff.insertRow();
c=r.insertCell();
c.innerHTML=" <textarea name= 'xx"+xmr+nn+"1 ' rows= '3 ' cols= '30 ' style= 'border-top:1px solid #800000;border-right:0px;border-bottom:0px;border-left:0px; ' > </textarea >"

ff=eval("xzb"+xmr+"1");
r=ff.insertRow();
c=r.insertCell();
c.innerHTML=" <textarea name= 'xz"+xmr+nn+"1 ' rows= '3 ' cols= '30 ' style= 'border-top:1px solid #800000;border-right:0px;border-bottom:0px;border-left:0px; ' > </textarea >"
}
document.frm.zxbrow.value=nn;
}

function zxx()
{
alert("不太会做了，要求和细则并列一起，作为次大项目下面的子项，请赐教，谢谢！！");
}

function Click_Handle()
{
for(var i=1;i <xiangmubiao.rows.length;i++)
{
if(xiangmubiao.rows(i).bgColor=="#99cccc")
{
xiangmubiao.rows(i).bgColor="#FFFFFF";
}
}
this.bgColor="#99cccc";

for(var i=1;i <xiangmubiao.rows.length;i++)
{
if(xiangmubiao.rows(i).bgColor=="#99cccc")
{
document.frm.xmbrow.value=i;
}
}

}

function prnmenu(){
document.all.prn.style.display="";
document.all.prn.style.left = event.clientX;
document.all.prn.style.top = event.clientY;
}
function closeprnmenu(){
document.all.prn.style.display="none";
}
</script >

...全文