在click事件上填充表格

时间:2015-08-18 19:25:35

标签: php html-table

我有一个手风琴菜单,上面有数据库提供的数据 菜单是一个或多个教授和他们的学科 除了幻灯片效果,当我点击教授的名字时,我需要用数据库中的数据填充table 我可以得到该教授的id attribut并获得所需的数据(猜猜最好的选择是ajax)。
但我不知道如何用数据填充表格。

以下是示例:http://codepen.io/Ghaleon/pen/zGQMpw

更新:

我有一张桌子上有一周的日子,也有一个有纪律时间的专栏。我需要点击教授,获取他的ID然后使用此ID来检索该教授的所有学科(已经在做并创建子列表),但我需要在正确的时间和一周中插入正确的学科。

1 个答案:

答案 0 :(得分:0)

如果我理解你的问题,我会做这样的事情:

创建一个ajax-call并在服务器端创建表:

Future

<强> jQuery的:

<?php
function call_this_function_from_js_with_ajax() {
    //Fetch data from database
    $table_html ="<thead><th>{$title from db}</th></thead>';
    $table_html .= "<tbody>';
    $table_html .= "<tr><td>{$value1 from db}</td></tr>";
    $table_html .= "<tr><td>{$value2 from db}</td></tr>";
    $table_html .= "<tr><td>{$value3 from db}</td></tr>"; //etc etc
    $table_html .= "</tbody>";
   return $table_html;
}
?>

<强> HTML

$(".prof-list h3").click(function(){
     $(this).next().slideToggle();

     //Do ajax call and put the returned data into the the table
     //
     on success:
     `$("table.col-md-6").html(data);`

})