使用javascript保存動態html表中的數據

Question

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

我知道這似乎不是很難。事實上，我設法將數據從數據庫加載到HTML表格中，並使用javascript函數向其中添加或刪除行，但我最難試圖保存表中的更改。如何從表中刪除特定的行，考慮到這些行因爲它們是動態添加的而沒有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。

有an example from DataTables，它使用jEditable來允許對錶格進行內聯編輯。這可能是接近你想要的東西。

DataTables庫允許您的數據源來自多個不同的地方，例如， DOM，AJAX，JavaScript數組或服務器端。看看examples on their website。