怎样根据选择条目点击,在网页下方动态生成后续表格内容?(内容列表已有)

Question

问题在从那里得到细目？<table id=cdTable>
<tr><td>条目1</td></tr>
<tr style="display:none"><td>>>细目1</td></tr><tr><td>条目2</td></tr>
<tr style="display:none"><td>>>细目1</td></tr>
<tr style="display:none"><td>>>细目2</td></tr><tr><td>条目3</td></tr>
<tr style="display:none"><td>>>细目1</td></tr>
<tr style="display:none"><td>>>细目2</td></tr>
<tr style="display:none"><td>>>细目3</td></tr><tr><td>条目4</td></tr>
<tr style="display:none"><td>>>细目1</td></tr>
<tr style="display:none"><td>>>细目2</td></tr>
<tr style="display:none"><td>>>细目3</td></tr>
<tr style="display:none"><td>>>细目4</td></tr><tr><td>条目5</td></tr>
<tr style="display:none"><td>>>细目1</td></tr>
<tr style="display:none"><td>>>细目2</td></tr>
<tr style="display:none"><td>>>细目3</td></tr>
<tr style="display:none"><td>>>细目4</td></tr>
<tr style="display:none"><td>>>细目5</td></tr>
</table>
<script>
function cdTable.onclick(){
var e=window.event.srcElement
if(e.tagName!="TD")return;
var r=e.parentElement.rowIndex;
for(i=r+1;i<cdTable.rows.length;i++){
if(cdTable.rows[i].style.display!="none")return;
cdTable.rows[i].style.display="block"
}
}
</script>

Answer 1

谢谢 秋水无恨 的回答,不过看来我的提问不清楚,没有让人看明白,SRY.我的意思是,服务器返回这个JSP CD查询页面,上半部分已经通过SESSION 把所有CD 和其中细目内容通过COOKIET保存.页面内容上方显示着所有查询出的CD条目.数目不一定,通过对查询数据链表的一个遍历就可以得出.并且用表格把CD条目显示出来.但问题是每个CD条目还对应许多不定长度CD细目(也是一个链表).也想通过表格形式显示出来,但把每个条目的细目都罗列出来显然太长了.所以就想在条目表格下方,再显示一个CD细目的表格,通过点击上方表格里的某个CD条目行,下方第二个表格就可以显示对应CD条目的细目表(不定行数).因为数据已经完全得到.想当于一个类链表Vector VectorCD; 存储了每个CD的条目.里面一个属性链表VectorCd.VectorCDXM 又存储了每个CD的细目.JAVASCRIPT才用不久,查阅了很多资料.肯定是通过上方表格的click()事件来改变下面第二个细目表格。请问各位怎么做？还有也请推荐一本书讲述所有JAVASCRIPT能控制的对象 和它的属性。许多网络资料都只讲述了大概。诸如TABLE 这些对象和属性控制。都没有。罗嗦许多看起来估计很麻烦。谢谢！