我应该如何使用mysql中的数据填充手风琴

问题描述 投票:0回答:1

我有一个垂直手风琴,我计划用作目录。我可以硬编码目录中的所有项目,一切正常,但是,我想用我的mysql数据库中的内容填充所有内容。我尝试过的方法都是失败的,因为我手风琴的结构是:

 <aside id="directory">
    <div id="wrapper">
       <ul class="menu">
          <!--The main items are denoted by the li class="itemNumber"-->
          <li class="item1">General Partners <span>9th Floor</span>
             <ul>
                <!--items that will show when an element in the accordion is selected-->
                <li class="subitem1">
                   <table>
                      <tr>
                         <td>fName lName</td>
                         <td>email</td>
                         <td><span>ext. num</span></td>
                      </tr>
                   </table>
                </li>
                <li class="subitem2">
                   ...
                </li>
             </ul> 
          </li>
          ...
       </ul>
    </div>          
 </aside>

就像我说的那样,当我对条目进行硬编码时,它工作得很好。我的jQuery按预期工作 - 一切都很好。但是在我之后插入以下PHP代码时:

 <li class="subitem">

什么都行不通......这是我期望发生的事情,但我不确定我还能做些什么。无论如何这里是PHP代码:

 <?php
    //connect to the db server
    $connect = mysql_connect("###", "###", "###") //edited this line here
        or die("unable to connect to database");

    $mysql_select_db("###", $connect);
       or die("unable to connect to ### database");

    $query = mysql_query("SELECT * FROM staff_directory WHERE Department = 'General Partners'", $connect)
       or die("unable to run query");

    while ($row = mysql_fetch_assoc($query))
    {
       $data1 = $row["LastName"];
       $data2 = $row["FirstName"];
       $data3 = $row["Email"];
       $data4 = $row["Ext"];

       echo "<tr>
               <td>".$data2 $data1."</td>
               <td>".$data3."</td>
               <td><span>".$data4."</span></td>
             </tr>";
    }
    mysql_close($connect);
 ?>

我之后插入这个PHP代码:

 <li class="subitem">
    <table>
       //Php code here

知道这显然是错误的方法,你会如何处理?任何人都可以提供的任何帮助将不胜感激。

php html mysql html-table accordion
1个回答
2
投票

在脚本的顶部,放置所有数据库和查询信息等。然后将以下代码放在.item1 ul

 <?php $i=0; while ($row = mysql_fetch_assoc($query)) { $i++; ?>
    <li class="subitem<?php echo $i; ?>">
        <table>
            <tr>
                <td><?php echo $row["FirstName"] . $row["LastName"]; ?></td>
                <td><?php echo $row["Email"]; ?></td>
                <td><span><?php echo $row["Ext"]; ?></span></td>
            </tr>
        </table>
    </li>
 <?php } ?>
© www.soinside.com 2019 - 2024. All rights reserved.