显示/隐藏动态表格中的行

时间:2015-04-09 01:37:55

标签: php jquery ajax

我有一张来自数据库的省名单表。

<?php
$query = "SELECT * FROM province";
$result = mysql_query($query);?>

<table border='1'>
<tr><th>No</th>
    <th>Area Name</th>
    <th>Area (sq km)</th></tr><?
while ($data = mysql_fetch_array($result))  {?>
<tr><td><?=$data['No']?></td>
    <td><?=$data['Province']?></td>
    <td><?=$data['Area']?></td></tr><? }?>
</table>

我需要的是,如果我点击一行,比如省A,一些行将在省A下显示,其中包含A省的城市列表。

<?php
$query = "SELECT * FROM city";
$result = mysql_query($query);?>
while ($data = mysql_fetch_array($result))  {?>
<tr><td><?=$data['No']?></td>
    <td><?=$data['City']?></td>
    <td><?=$data['Area']?></td></tr><? }?>

但是其他省份的城市名单无需显示。 然后,当我再次点击省A的行时,省A下的城市列表将再次隐藏。

在城市下,还有其他数据库表的区域列表,区域下面有其他数据库表的建筑物列表。

我需要同样的功能也发生在城市和区,我可以展示&amp;通过单击该行隐藏其下的列表。

由于列表来自包含数十万条记录的数据库,我希望脚本不要在开头一次加载数据,只能按照点击。

需要您的帮助如何在此目的中使用AJAX。

非常感谢您的意见。

0 个答案:

没有答案