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引用它們，或下載腳本（我建議使用后者，否則您將創建對外部服務器的引用）。