使用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数组或服务器端。 看看他们网站上的例子 。