jQuery / Javascript数据表:如何在行选择时将行数据显示到html文本字段中

datatable在项目中使用了以下内容我已成功将所有数据填充到中datatable

我只需要将行选择中的特定行数据填充到同一页面上找到的文本字段中,并更新这些数据,然后将其保存在数据库中。

使用的数据表链接:https : //datatables.net/examples/api/select_single_row.html

jsfiddle:https ://jsfiddle.net/o92g9goL/2/

皮德拉姆

更新:

  var name = $(this).children('td[name="name"]').text();
  var position = $(this).children('td[name="position"]').text();
  var office = $(this).children('td[name="office"]').text();
  var age = $(this).children('td[name="age"]').text();
  var startdate = $(this).children('td[name="startdate"]').text();
  var salary = $(this).children('td[name="salary"]').text();

  var nameInp = $('input[name="name"]');
  var positionInp = $('input[name="position"]');
  var officeInp = $('input[name="office"]');
  var ageInp = $('input[name="age"]');
  var startdateInp = $('input[name="start"]');
  var salaryInp = $('input[name="salary"]');

  $(nameInp).attr('value',name);
  $(positionInp).attr('value',position);
  $(officeInp).attr('value',office);
  $(ageInp).attr('value',age);
  $(startdateInp).attr('value',startdate);
  $(salaryInp).attr('value',salary);

JSFiddle


这就是您想要的,应该Simple inline editing从中使用dataTables.editor.min.js

 $('#example').on( 'click', 'tbody td:not(:first-child)', function (e) {
        editor.inline( this );
    } );

JSFiddle

并检查一下:

简单的内联编辑

在表格行控件中进行气泡编辑

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery / Javascript数据表:如何在行选择时将行数据显示到html文本字段中

来自分类Dev

如何在DESC中显示对jquery数据表的排序

来自分类Dev

jQuery数据表-禁止显示行数

来自分类Dev

如何将 jquery/ajax 数据显示到选择字段中?

来自分类Dev

如何在字符串中包含隐藏的HTML元素-Javascript-数据表-jQuery

来自分类Dev

jQuery datatables在行上导航时,已选择的行数据在分页表上被重置

来自分类Dev

jQuery datatables在行上导航时,已选择的行数据在分页表上被重置

来自分类Dev

在jQuery Bootstrap数据表中显示NaN到NaN

来自分类Dev

如何将选定的行数据从jquery数据表传递到Spring MVC控制器?

来自分类Dev

如何禁用jQuery数据表中的显示条目属性

来自分类Dev

如何禁用jQuery数据表中的显示条目属性

来自分类Dev

在UI中显示之前如何隐藏jQuery数据表

来自分类Dev

如何使用JavaScript或jQuery选择文本并将其显示在另一个文本字段中

来自分类Dev

如何使用jquery和c#将数据库中的数据显示到html表中

来自分类Dev

将数据发布到.html时,如何在JQuery中隐藏元素?

来自分类Dev

如何在jQuery数据表PDF导出中显示复选标记字符

来自分类Dev

搜索文本框清除使用 jquery ajax 将所有数据显示到 html 表中

来自分类Dev

在jquery数据表中显示嵌套的JSON数据

来自分类Dev

jQuery数据表-当输入的<td> </ td>中包含html / images时,按选择输入进行过滤

来自分类Dev

在jQuery数据表中显示更多,显示更少

来自分类Dev

在jQuery数据表中显示更多,显示更少

来自分类Dev

jQuery数据表在表中显示产品链接

来自分类Dev

jQuery数据表在表中显示产品链接

来自分类Dev

jQuery数据表-过滤输入字段

来自分类Dev

jQuery数据表-过滤输入字段

来自分类Dev

如何使用 jquery 从 TD 文本(旧数据表)中的每个表 TD 中设置标题?

来自分类Dev

如何使用jQuery ajax请求在数据表中显示json响应数据?

来自分类Dev

jQuery数据表选择搜索

来自分类Dev

jQuery 数据表 - 选择不工作

Related 相关文章

  1. 1

    jQuery / Javascript数据表:如何在行选择时将行数据显示到html文本字段中

  2. 2

    如何在DESC中显示对jquery数据表的排序

  3. 3

    jQuery数据表-禁止显示行数

  4. 4

    如何将 jquery/ajax 数据显示到选择字段中?

  5. 5

    如何在字符串中包含隐藏的HTML元素-Javascript-数据表-jQuery

  6. 6

    jQuery datatables在行上导航时,已选择的行数据在分页表上被重置

  7. 7

    jQuery datatables在行上导航时,已选择的行数据在分页表上被重置

  8. 8

    在jQuery Bootstrap数据表中显示NaN到NaN

  9. 9

    如何将选定的行数据从jquery数据表传递到Spring MVC控制器?

  10. 10

    如何禁用jQuery数据表中的显示条目属性

  11. 11

    如何禁用jQuery数据表中的显示条目属性

  12. 12

    在UI中显示之前如何隐藏jQuery数据表

  13. 13

    如何使用JavaScript或jQuery选择文本并将其显示在另一个文本字段中

  14. 14

    如何使用jquery和c#将数据库中的数据显示到html表中

  15. 15

    将数据发布到.html时,如何在JQuery中隐藏元素?

  16. 16

    如何在jQuery数据表PDF导出中显示复选标记字符

  17. 17

    搜索文本框清除使用 jquery ajax 将所有数据显示到 html 表中

  18. 18

    在jquery数据表中显示嵌套的JSON数据

  19. 19

    jQuery数据表-当输入的<td> </ td>中包含html / images时,按选择输入进行过滤

  20. 20

    在jQuery数据表中显示更多,显示更少

  21. 21

    在jQuery数据表中显示更多,显示更少

  22. 22

    jQuery数据表在表中显示产品链接

  23. 23

    jQuery数据表在表中显示产品链接

  24. 24

    jQuery数据表-过滤输入字段

  25. 25

    jQuery数据表-过滤输入字段

  26. 26

    如何使用 jquery 从 TD 文本(旧数据表)中的每个表 TD 中设置标题?

  27. 27

    如何使用jQuery ajax请求在数据表中显示json响应数据?

  28. 28

    jQuery数据表选择搜索

  29. 29

    jQuery 数据表 - 选择不工作

热门标签

归档