从MySQL表动态构建JQuery导航菜单

时间:2012-08-10 11:23:10

标签: php mysql jquery

我想动态填充此菜单的值 (http://www.hv-designs.co.uk/tutorials/sliding_menu/sliding_menu.html) 来自MySQL表。即,当用户点击顶部菜单按钮时,菜单项应该是MySQL中表格的行。我一直试图弄清楚自己几天,但没有运气。这就是我所做的:

MySQL表:'Countries'包含以下字段:id,name,capital_city PhP文件:MySQL连接,查询及其在php文件中打印出来的确定。 上面有JQuery菜单的Html页面。

如果我能找到一个类似的例子,我可能会让它工作,但到目前为止还没找到。

有人知道吗?

提前致谢。

麦克

2 个答案:

答案 0 :(得分:1)

只需在从数据库返回的结果集上执行PHP foreach循环。

<div id="button">
    <img class="menu_class" width="184" height="32" border="0" src="images/button.png">
    <ul class="the_menu" style="display: block;">
        <?php
        foreach ($aCountries as $aCountry) {
            echo '<li><a href="#">'.$aCountry['name'].'</a></li>';
        }
        ?>
    </ul>
</div>

答案 1 :(得分:0)

您必须按照以下步骤操作。

1)html

<div id="button">
   <img width="184" border="0" height="32" class="menu_class" src="images/button.png">
</div>

2)单击按钮调用ajaxfile,返回您的国家/地区列表的结果,如此

<ul class="the_menu">
  <li><a href="#">Country #1</a></li>
  <li><a href="#">Country #2</a></li>
  <li><a href="#">Country #3</a></li>
 </ul>

3)将其附加到div按钮

现在已经完成了