javascript创建表php mysql以保存数据

Question

我需要一个表，用户在其中输入所需的行数和列数，然后输入数字，然后下一页将创建该表。

他们将输入信息，并将其保存到数据库中。 我能想到的唯一方法是使用动态表，还有更好的方法吗？ 这是一些超级基本的代码，我还没有制定出完整的表格，想在继续之前获得反馈，以防万一有更好的方法并且需要改变路线。

简单的形式：

  How many rows <input type="number" id="rowNumber"/><br>
  How many columns <input type="number" id="colNumber"/><br>

  <button onclick="myFunction()">Checkout</button>

     function myFunction() {
       var rowNumber = document.getElementById('rowNumber').value;
       var colNumber = document.getElementById('colNumber').value;

       window.location.href = "website/test.php?rowNumber="+rowNumber+"&colNumber="+colNumber;
}

test.php

  <?php
    $rowNumber=$_GET['rowNumber'];
    $colNumber=$_GET['colNumber'];
  ?>

<script>
var numRows = "<? echo $rowNumber ?>";
var numCols = "<? echo $colNumber ?>";

var tableString = "<table>",
    body = document.getElementsByTagName('body')[0],
    div = document.createElement('div');

for (row = 1; row < numRows; row += 1) {

    tableString += "<tr onclick=\"fnselect(this)\"<? if($rowID == "A") { echo "class ='selected'";} ?>>";

    for (col = 1; col < numCols; col += 1) {

        tableString += "<td>" + "R" + row + "C" + col + "" + "<input type='text' />" + "</td>";
    }
    tableString += "</tr>";
}

tableString += "</table>";
div.innerHTML = tableString;
body.appendChild(div);
</script>

Answer 1

查看jQuery DataTables。 那里有很多不错的功能。

您可以绑定到JSON数据源，也可以手动创建自己的行，例如以下URL： https : //datatables.net/examples/api/add_row.html

因此，要使用此功能，您必须引用jquery和数据表脚本。 您必须从它们的给定URL引用它们，或下载脚本（我建议使用后者，否则您将创建对外部服务器的引用）。