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