Javascript 使用带有js值的php创建表

我是个新手，所以请容忍我。我试图展示一个div，其中有一个表。表数据将使用php提取。div的打开方式是单击饼图中的某个部分。我已经准备好了，但我编码的方式效率很低。我试着换了一下，但没用

有关更多详细信息：我有一个以月为值的滑块（例如：幻灯片1=一月），饼图中显示的数据根据月份显示交付状态（已交付/未交付），单击该段后，它将显示一个表，其中包含已交付/未交付项目的客户数据

这是我的桌子：

<div class="myTable" id="Dev">
   <table id="tabs">
     <thead>
       <tr>
         <th>Name</th>
         <th>Condition</th>
         <th>Type of Oat</th>
         <th># of Oat</th>
         <th>Status</th>
       </tr>
      </thead>
      <tbody>
          // Table data will be here
      </tbody>
    </table>
</div>

下面是一段代码，单击该段后，将显示带有表格的div：

var m = month // value passed from slider pie(month)
var OatChart = myChart.data.labels[clickedIndex];

if(OatChart == "Delivered"){
   $("#Dev").show();
   document.getElementById("tabs").innerHTML = <?php
   $con = mysqli_connect("localhost","root","","oatdistribution");
   $tabsql = "SELECT OatDis.Name, OatDis.LivingCondition, OatDis.OatType, OatDis.NoOfOats, '.$m.'.Status FROM OatDis INNER JOIN '.$m.' ON OatDis.Name = '.$m.'.Name WHERE '.$m.'.Status = 'Delivered'"; 
   $data = mysqli_query($con,$tabsql);
   while($row = mysqli_fetch_assoc($data)){
      echo "<tr>";
      echo "<td>" . $row['Name']."</td>";
      echo "<td>" . $row['LivingCondition']."</td>";
      echo "<td>" . $row['OatType']."</td>";
      echo "<td>" . $row['NoOfOats']."</td>";
      echo "<td>" . $row['Status']."</td>";
      echo "</tr>";
    } ?> ;
}else{ // same as above but status = "Not Delivered"

var m=month//从滑块饼图传递的值（月）
var OatChart=myChart.data.labels[单击索引]；
如果（图表=“已交付”）{
$（“#Dev”）.show（）；
document.getElementById（“tabs”）.innerHTML=；
}else{//与上面相同，但status=“未交付”

我试图做的是使用滑块更改时指定的值来创建表。该值是表的名称。我希望这个问题可以理解，我已经通过不眠之夜试图解决这个问题。代码似乎有问题，但我不确定是什么原因，因为滑块值没有显示，饼图也没有显示。

var m = month // value passed from slider pie(month)
var OatChart = myChart.data.labels[clickedIndex];

if(OatChart == "Delivered"){
   $("#Dev").show();
   document.getElementById("tabs").innerHTML = <?php
   $con = mysqli_connect("localhost","root","","oatdistribution");
   $tabsql = "SELECT OatDis.Name, OatDis.LivingCondition, OatDis.OatType, OatDis.NoOfOats, '.$m.'.Status FROM OatDis INNER JOIN '.$m.' ON OatDis.Name = '.$m.'.Name WHERE '.$m.'.Status = 'Delivered'"; 
   $data = mysqli_query($con,$tabsql);
   while($row = mysqli_fetch_assoc($data)){
      echo "<tr>";
      echo "<td>" . $row['Name']."</td>";
      echo "<td>" . $row['LivingCondition']."</td>";
      echo "<td>" . $row['OatType']."</td>";
      echo "<td>" . $row['NoOfOats']."</td>";
      echo "<td>" . $row['Status']."</td>";
      echo "</tr>";
    } ?> ;
}else{ // same as above but status = "Not Delivered"