在表单中编辑动态创建的行

Question

我在编辑动态添加的行时遇到困难。例如，如果行中的某些单元格有错误 - 单击它将为所选行提供表单。希望我很清楚。

这是一个代码：

(document).ready(function(){
    $("#inputtitle").append("<input type='text'  name='type1' placeholder='Title'/><br>");
    $("#inputremarks").append("<input type='text'  name='type2' placeholder='Remarks'/><br>");
    $("#inputdate").append("<input type='text'  name='type3' placeholder='Date'/><br>");
    $("#inputoption").append("<input type='text'  name='type4' placeholder='Option'/><br>");
});

$("form").submit(function(e){
    e.preventDefault();
    var newName = $('form').find('input[name="type1"]').val();
    var newName1 = $('form').find('input[name="type2"]').val();
    var newName2 = $('form').find('input[name="type3"]').val();
    var newName3 = $('form').find('input[name="type4"]').val();
    $('table').append('<tr><td>' + newName + '</td><td>' + newName1 + '</td><td>' + newName2 + '</td><td>' + newName3 + '</td></tr>'  );
});

很抱歉不清楚。我的问题是当点击一个新创建的行时如何反馈表单。下面是使用近似解决方案更新JSFiddle，但不正确，因为可能需要另一个名称为UPDATE的按钮，可能需要另一个带ID的列。 DEMO。

Answer 1

我决定以不同的方式前进。所以我创建了额外的按钮来运行一个脚本来编辑已创建表格的单元格。你可以找到代码的链接[这里] qazxsw poi