使用数据库中的信息填充jquery选项卡标题

时间:2015-12-08 13:47:05

标签: php jquery tabs

我有Tab组件的结构,但我希望每个标签的头部是存储在数据库中的人的名字。

例如,通常这是一个标签结构

<div id="tabs">
<ul>
<li><a href="#tab-1">1</a></li>
<li><a href="#tab-2">2</a></li>
<li><a href="#tab-3">3</a></li>
</ul>
<div class="panels">
  <div id="tab-1">
  </div>
  <div id="tab-2">
  </div>
  <div id="tab-3">
  </div>
 </div>
</div>

但是我不想使用Tab 1,2和3作为每个标签的头文本,而是希望有Marc,Josef,Luis,这些都是DB的名称。这还包括每次添加一个人时我都会有一个新选项卡。有人知道我该怎么做吗?

我试着在头文本中调用PHP查询的结果,但是没有用 **********用代码编辑******************

 <?php
    $connection = mysql_connect(/*DAta connectionns*/);
    if (!$connection)
    {
    die('Could not connect: ' . mysql_error());
    }
    mysql_select_db("", $connection);


    $result = mysql_query("SELECT * FROM People");
    while($row = mysql_fetch_array($result))
    {
      $r = $row["name"];


 <div id="tabs">
    <ul>
    <li><a href="#tab-1"><?php $r ?></a></li>
    </ul>
    <div class="panels">
     </div>
    </div>
        }
    ?>

我知道有什么不对,但我看不到

1 个答案:

答案 0 :(得分:1)

假设您有一个JavaScript对象(来自您的ajax?),您可以这样做:

CodeCoverage.runsettings

这是一个你可以玩的小提琴:http://jsfiddle.net/MarkSchultheiss/p4mzy3hb/