使用 javascript 从动态 html 表中保存数据答案

【问题标题】：Saving data from a dynamic html table using javascript使用 javascript 从动态 html 表中保存数据
【发布时间】：2011-09-10 08:13:41
【问题描述】：

我将数据从 mysql 表加载到 HTML 表中。然后用户可以添加或删除一行或多行。最后，我必须将更改保存到数据库中。所有这些都必须使用 PHP 和 javascript 来完成。

我知道这似乎并不难。事实上，我设法使用 javascript 函数将数据库中的数据加载到 HTML 表中并从中添加或删除行，但我最难尝试保存表中的更改。考虑到这些行没有 id，因为它们是动态添加的，如何从表中删除特定行？如何访问特定行中的数据？

我希望你们能帮助我。这让我发疯！谢谢你，对不起我的英语。

【问题讨论】：

【解决方案1】：

如果你动态添加它们，你不能给行 id 吗？或者也许用 javascript 遍历表格？

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

【讨论】：

【解决方案2】：

如果您不是为移动或嵌入式平台开发，您可能需要考虑利用一些成熟的库，例如 DataTables 和 jEditable。

有an example from DataTables，它使用jEditable 来允许对表格进行内联编辑。这可能与您想要的很接近。

DataTables 库允许您的源来自多个不同的地方，例如DOM、AJAX、JavaScript 数组或服务器端。看看examples on their website。

【讨论】：