这种功能应如何实现？？？

能否通过tr的id属性来实现呢。例如：<tr id=DetailList>.....<tr>,一开始初始化为DetailList.style.display="none"，然后通过点击“+”（通过一个javascript实现）改变DetailList.style.display=""实现。（没做过，随便说说，仅供参考）

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

to leonlau81:
能否给个例子呢？
<html>
<head>
<title>hehe</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body bgcolor="#FFFFFF" text="#000000"><table width="21%" border="0">
  <tr>
    <td width="8%" height="34"><a href=# onclick="Javascript:display();"><img src="em.gif" width="14" height="11" ></a></td>
    <td width="43%" height="34">货主编号</td>
    <td width="49%" height="34">货主名称</td>
  </tr>
  <tr id=detaillist>
    <td width="8%"> </td>
    <td colspan="2">在这儿放你的订单细项</td>
  </tr>
</table>
</body>
</html>
<script language="Javascript">
detaillist.style.display="none";
function display()
{   var isdisplay = 0;
if(detaillist.style.display=="none")
   detaillist.style.display="";
else
detaillist.style.display="none";

}
</script>
这是html的源文件，你考过去看看~~~只是简单的显示隐藏，不涉及从数据库中取数据~~~
<script language="javascript">
function imgclick(img){
var div=document.all.item('div'+img.id);
if (div.style.display=='none'){
img.src='Common/Images/sdown.gif';
div.style.display='';
}
else{
img.src='Common/Images/ss.gif';
div.style.display='none';
}
}
</script>
<table border="0" width="100%">
  <tr>
    <td width="100%" colspan="2"><img border="0" id=gzjh src="Common/Images/sdown.gif" width="10" height="10" onclick="imgclick(this);">工作计划</td>
  </tr>
  <tr>
    <td width="100%" colspan="2">
     <div style="display:block" id=divgzjh>
<table border="0" width="80%" align=center>
  <tr class=query_list_data_head>
    <td width="50%">标题</td>
  </tr>
  <tr class=query_list_data_1>
    <td>1工作计划</td>
  </tr>
  <tr class=query_list_data_2>
    <td>11月工作计划</td>
  </tr>
</table>
</div>
    </td>
  </tr>
  <tr>
    <td width="100%" colspan="2"><img id=gzyb border="0" src="Common/Images/ss.gif" width="10" height="10" onclick="imgclick(this);">工作月报</td>
  </tr>
  <tr>
    <td width="100%" colspan="2">
      <div style="display:none" id=divgzyb>
<table border="0" width="80%" align=center>
  <tr class=query_list_data_head>
    <td width="50%">标题</td>
  </tr>
  <tr class=query_list_data_1>
    <td>12月工作总结</td>
  </tr>
  <tr class=query_list_data_2>
    <td>11月工作总结</td>
  </tr>
  <tr class=query_list_data_1>
    <td>EMM项目完成报告</td>
  </tr>
</table>
     </div>
    </td>
  </tr>

  <tr>
    <td width="100%" colspan="2"><img id=gzzj border="0" src="Common/Images/ss.gif" width="10" height="10" onclick="imgclick(this);">工作总结</td>
  </tr>
  <tr>
    <td width="100%" colspan="2">
     <div style="display:none" id=divgzzj>
<table border="0" width="80%" align=center>
  <tr class=query_list_data_head>
    <td width="50%">标题</td>
  </tr>
  <tr class=query_list_data_1>
    <td>12月工作总结</td>
  </tr>
  <tr class=query_list_data_2>
    <td>11月工作总结</td>
  </tr>
  <tr class=query_list_data_1>
    <td>EMM项目完成报告</td>
  </tr>
</table>
     </div>
    </td>
  </tr>
</table>

</body>

</html>