php新手的一个tab切换问题

frank533

现有一个客户信息列表页面，想通过tab方式按照客户地域分别显示，数据库里有个专门的地域表，只有两个字段：地域id及地域名称。tab标签是通过数据库查询出地域名称来显示。代码如下：

1. 
   
2. <ul>
   
3. <?php
   
4.         $sql_meter_read_area = "select * from sc_user_area";
   
5.         $area_rst = mysqli_query($conn, $sql_meter_read_area);
   
6.                 while ($area_row = mysqli_fetch_array($area_rst)) {
   
7.                 echo "<li><a href=\"#tabs-$area_row[0]\">$area_row[1]</a></li> \n";
   
8.         }
   
9. ?>
   
10. </ul>

复制代码

其中tabs-$area_row[0]的最终形式是tabs-1、tabs-2、tabs-3……依次类推，1、2、3为地域表中地域的id。
然后有若干个div标签，其id分别指向tabs-1、tabs-2……内容为相应地域的客户名单，由于客户地域是有可能增加或者减少的，如果要根据地域信息的变化来手动增加或减少div标签，会很麻烦。所以想实现在各自的tab里只显示相应地域的客户列表，如下：

1. 
   
2. <?php
   
3.         $sql_meter_read_area = "select sc_user_area.id, sc_users.name from sc_user_area, sc_users";
   
4.         $area_rst = mysqli_query($conn, $sql_meter_read_area);
   
5.                 while ($area_row = mysqli_fetch_array($area_rst)) {
   
6.                 echo "<div id=\"tabs-$area_row[0]\">";
   
7.                 echo "<p>此处根据上面的id显示对应的客户列表</p>";
   
8.                 echo "</div> \n";
   
9.         }
   
10. ?>

复制代码

请问上面p标签处代码该怎么写才能实现这个功能？