HTML可编辑表格->获得编辑字段

帕特里克

我有一个HTML表

<table style="width:100%">
  <tr>
    <th>id</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>2</td>
    <td contenteditable="true">Smith</td>
    <td contenteditable="true">50</td>
  </tr>
  <tr>
    <td>3</td>
    <td contenteditable="true">Jackson</td>
    <td contenteditable="true">94</td>
  </tr>
</table> 

(只是一个测试表)

它是可编辑的,但是我如何获取所有已编辑的行(带有ID),以将它们发送到PHP-Backend,将更改保存到DB?

预先感谢,帕特里克。

奥斯瓦尔

每当字段内容更改时,您都可以将ID保存在数组中。这是工作示例:https : //jsfiddle.net/79egs9tc/

var idArr = [];
$(".edited").focusout(function() {
     var id = $(this).parent().attr('id');
     if($.inArray(id, idArr) === -1){
        idArr.push(id);
     }
     console.log(idArr);
});

您可以添加检查内容是否更改。希望它会为您工作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

用于可编辑表格列表的插件

来自分类Dev

用于可编辑表格列表的插件

来自分类Dev

React Ant Design 可编辑表格

来自分类Dev

如何以AngularJS方式双击可编辑表格?

来自分类Dev

如何使用jquery在MVC中制作可编辑表格?

来自分类Dev

Javafx可编辑表格单元格

来自分类Dev

AngularJS中的可编辑表格单元格

来自分类Dev

从 Shiny 中的可编辑表格生成图表

来自分类Dev

在html中制作可编辑表格时,是否最好将表格内容保留在数组中?

来自分类Dev

编辑表格中的数据

来自分类Dev

具有显示错误的JavaFX可编辑表格单元格

来自分类Dev

使用Javascript编辑表格行

来自分类Dev

在ColdFusion中编辑表格行

来自分类Dev

如何使用angluarJS编辑表格行?

来自分类Dev

以编程方式编辑表格以适合内容

来自分类Dev

如何使用angular8将嵌入式可编辑表格数据传递到服务中?

来自分类Dev

使用Javascript函数在html中编辑表格的单元格

来自分类Dev

表格上的多个表格可编辑

来自分类Dev

如何在奏鸣曲编辑表格中显示字段值?

来自分类Dev

Mailchimp编辑表格单元格背景色

来自分类Dev

使用MVC和AngularJS和实体框架编辑表格

来自分类Dev

我如何编辑表格视图节标题iOS Swift

来自分类Dev

淘汰赛JS:点击以编辑表格

来自分类Dev

如何使用VBA编辑表格标题-Excel

来自分类Dev

在Outlook电子邮件中编辑表格文本

来自分类Dev

无法编辑表格中的第一行

来自分类Dev

AS3 / Animate CC:用户可以编辑表格内容

来自分类Dev

使用 VB 在 asp.net 中编辑表格/网格

来自分类Dev

编辑表格子元素的最后一个 tr