我有一个手风琴菜单,上面有数据库提供的数据
菜单是一个或多个教授和他们的学科
除了幻灯片效果,当我点击教授的名字时,我需要用数据库中的数据填充table
我可以得到该教授的id
attribut并获得所需的数据(猜猜最好的选择是ajax)。
但我不知道如何用数据填充表格。
以下是示例:http://codepen.io/Ghaleon/pen/zGQMpw
更新:
我有一张桌子上有一周的日子,也有一个有纪律时间的专栏。我需要点击教授,获取他的ID然后使用此ID来检索该教授的所有学科(已经在做并创建子列表),但我需要在正确的时间和一周中插入正确的学科。
答案 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);`
})