使用javascript從動態html表保存數據

Question

我將數據從mysql表加載到HTML表中。 然后，用戶可以添加或刪除一個或多個行。 最后，我必須將更改保存到數據庫中。 所有這些都必須使用PHP和javascript完成。

我知道這似乎並不難。 實際上，我設法使用javascript函數將數據庫中的數據加載到HTML表中，並從中添加或刪除行，但是我最困難的時間試圖從表中保存更改。 考慮到這些行沒有ID，因為它們是動態添加的，因此如何刪除表中的特定行？ 如何訪問特定行中的數據？

我希望你們能幫助我。 這真讓我發瘋！ 謝謝你，抱歉我的英語。

Answer 1

如果要動態添加它們，是否不能提供行ID？ 還是用JavaScript遍歷表格？

var theTable = document.getElementById("theTableId");
for (var i=0, row; row=table.rows[i]; i++) {
          // Remove if deleted
}

Answer 2

如果您不是針對移動平台或嵌入式平台開發的，則可能要考慮利用一些成熟的庫，例如DataTables和jEditable 。

有一個來自DataTables的示例 ，該示例使用jEditable允許對該表進行內聯編輯。 那可能接近您想要的東西。

DataTables庫允許您的源來自許多不同的位置，例如DOM，AJAX，JavaScript數組或服務器端。 看看他們網站上的例子 。