使用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。