表格嵌套和隐藏

问题背景：一条访问控制策略包含多条规则信息，将策略信息以列表形式显示，每行显示一条策略信息。要求鼠标点击策略信息行，显示或隐藏该策略包含的所有规则信息。

主要代码：

$sql="select * from policyinfo limit $fromPage $pageSize";

$query=mysql_query($sql); //策略信息分页显示

while($re=mysql_fetch_array($query)){

?>  //控制每行显示一条策略信息

<tr onclick="fade('<?php echo "childtable".$re[Id];?>');">

<td><?php echo $re['PolicyVersion'];?> //输出策略信息

</td>

</tr>

//表格嵌套，显示策略中规则信息

<tr id="<?php echo "childtable".$re[0];?>" style="display:none">

<td colspan="6">

<table>

<?php

$sql1="select * from rprelation where PolicyId='$re[Id]'"; //关系表中与当前预览策略的规则信息

$query1=mysql_query($sql1);

while($row1=mysql_fetch_array($query1))

{ //循环显示多条规则信息

$sql2="select * from rule where Id='$row1[RuleId]'";

$query2=mysql_query($sql2);

$row2=mysql_fetch_array($query2);

//规则信息?>

<tr>

<td><?php echo $row2['AccessType']?>

</td>

</tr>

<?php

}

?>

</table></td>

</tr>

<?php

}

?>

 

<script>//实现隐藏js脚本

function fade(id){

var oa = document.getElementById(id);

if(oa.style.display == "none")

oa.style.display = "";

else

oa.style.display = "none";

}

</script>

注意点：表格的嵌套必须在<td></td>中，html元素的id必须唯一，id必须作为参数传给函数。