Jquery / Javascript Datatables：如何在行选择时将行数据显示到html文本字段中[关闭]答案

【问题标题】：Jquery/Javascript Datatables : How to display row data into html textfield on row selection [closed]Jquery / Javascript Datatables：如何在行选择时将行数据显示到html文本字段中[关闭]
【发布时间】：2016-02-28 10:38:37
【问题描述】：

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

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

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

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

【问题讨论】：

不太清楚populate a specific row data on row selection 什么意思？
我需要将特定行中的数据显示到文本字段中
当我点击一行时，数据应该显示在文本字段中
你的意思是，当你点击一个特定的行时，它会变成一个text input然后你可以edit data？
不，当我单击特定行时，行数据应相应显示到文本字段（文本框）中，以便我可以修改它们。

标签： javascript php jquery html datatable

【解决方案1】：

更新：

  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 from dataTables.editor.min.js:

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

JSFiddle

并检查一下：

Simple inline editing

Bubble editing with in table row controls

【讨论】：

而不是编辑行本身的数据，我需要在表格上方找到的文本输入中显示数据并从那里进行编辑。不是从行。
如果我理解正确，您想编辑位于桌子上方的text input 行吗？
是的。我的页面上有 5 个文本输入，下面有我的数据表。因此，当我单击数据表上的一行时，它应该将该选定行中的数据填充到上面的文本输入中。
好的，首先将您到目前为止所做的事情放在您的问题中，例如html 和css 等。用您的代码更新您的问题。让其他用户通过查看您的代码来解决您的问题。
这里是代码：jsfiddle.net/o92g9goL/2 当我点击数据表中的一行时，行数据应该显示在上面的文本输入中。