Javascript jQuery Datatable，将文本框的值输出到选定行的列

我目前有一个jQuery Datatable，当单击一行时，该行的数据将输出到文本框和选择框。我正试图使输入文本框的内容在按下saverow按钮时保存/输入到选定行

以下是我的JSFIDLE：

Javascript:

var table = $('#example').DataTable();

(function () {
      var table = document.querySelector('#example');
      var name = document.querySelector('#nameinput');
      var format = document.querySelector('#formatinput');
      var address = document.querySelector('#addressinput');
      var report = document.querySelector('#reportinput');
      var alarm = document.querySelector('#alarminput');



      table.addEventListener('click', onTableClick);

      function onTableClick (e) {
        var tr = e.target.parentElement;

        var data = [];
        for (var td of tr.children) {
          data.push(td.innerHTML);
        }

        name.value = data[0];
        address.value = data[1];
        format.value = data[2];
        report.value = data[3];
        alarm.value = data[4];
        console.log(alarm.value);


      }
        $("#saverow").click(function() {
            var table1 = $('#data-table').DataTable();
            var data = [];
            data[0] = name.value;
            data[4] = alarm.value;
            console.log(name.value);
            console.log(alarm.value);

            table1.draw(true);
        });


})();`

对于saverow代码，我认为通过尝试使列等于textbox的值，然后重新绘制表就可以了。当您在文本框中键入新内容，然后按Save时，控制台确实有正确的输出。我只是想不出如何把它放回选定的行中。

---

如果可能的话，我不想做内联编辑。试图保持此格式。

我不知道这是否算是一个答案，但您实际上没有对保存行中的数据变量执行任何操作。您获取数据表，不做任何更改，然后重新绘制它。因此，没有任何事情发生也就不足为奇了

查看此对小提琴的更改，以添加行：

首先，您需要将表和datatable设置为不同的数组。也可以在主功能内部执行此操作。您还需要实际添加以下代码：

datatable.row.add(data).draw(false);

---

至于编辑，您需要确保不只是预先填充它，而是对该行进行实际引用，否则它怎么知道要更新它？

我不知道这是否算是一个答案，但您实际上没有对保存行中的数据变量做任何操作。您获取数据表，不做任何更改，然后重新绘制它。因此，没有任何事情发生也就不足为奇了

查看此对小提琴的更改，以添加行：

首先，您需要将表和datatable设置为不同的数组。也可以在主功能内部执行此操作。您还需要实际添加以下代码：

datatable.row.add(data).draw(false);

---

至于编辑，您需要确保不只是预填充它，而是对该行进行实际引用，否则它怎么知道要更新它？

如何将表和数据表设置为不同的数组？最后，这个表将被数据库中的数据填充。我该如何引用一行呢coding@J.Doe43查看此链接，特别是示例部分：-您可能会通过查看datatables.net文档了解到很多信息。我注意到的一件事是，您将click事件放在整个表上，而您希望将其放在行上，如该链接中的示例所示，我如何将表和datatable设置为不同的数组？最后，这个表将被数据库中的数据填充。我该如何引用一行呢coding@J.Doe43查看此链接，特别是示例部分：-您可能会通过查看datatables.net文档了解到很多信息。我注意到的一件事是，您将click事件放在整个表上，而您希望将其放在行上，如该链接中的示例所示