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

【问题标题】：Edit dynamically created row in a form在表单中编辑动态创建的行
【发布时间】：2014-01-17 08:57:51
【问题描述】：

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

这是一个代码：

(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。

【问题讨论】：

您没有在那里检查任何错误。所以你的问题不清楚，至少对我来说是这样
首先检查$("form").submit(function(){})中的错误；然后告诉是否有错误。
我仍然不知道您所说的“如何反馈表单”是什么意思。编辑您的问题，并就您所做的事情、您期望发生的事情以及现在发生的事情给出一系列说明。我注意到您在将其作为表格行插入之前没有转义任何 html (stackoverflow.com/questions/5499078/…)，但除此之外，我看不出有什么问题。
好的，再试一次。当添加带有数据的行并意外输入错误的内容时，我需要以相同的形式对其进行编辑，所以我点击了错误的行，可能使用 $('table tbody tr').click(function(){} 返回到点击行的形式所以我可以编辑它。英语不是我的语言，所以我很抱歉。

标签： javascript jquery forms html-table

【解决方案1】：

我决定走不同的路。所以我创建了额外的按钮来运行一个脚本来编辑创建表的单元格。你可以找到代码的链接 [这里] Using jQuery to edit individual table cells

【讨论】：