Javascript HTML表单不传递从jQuery动态添加的输入

我会保持简短，我已经浏览了这里和其他网站，但找不到解决我的问题的方法：我有一个HTML表单可以很好地工作。我正在进行的更新允许最终用户将新的TR动态添加到包含4个输入字段的表中。每个输入字段都有名称、id和类集。（这是另一篇文章中的一个解决方案。）用户点击一段时间，用输入创建新的TR。它的功能完美地工作，新的TR被创建，输入就在那里，我需要它们做什么就做什么。但是，当我提交表单时，它无法识别动态创建的输入

我已经在Chrome和FF中进行了调试，我可以看到所有其他表单元素都被传递，除了动态创建的元素。我试图引用接收页面上的数据的方式不是问题（另一个解决方案针对另一个有相同问题的用户），因为数据一开始就没有被传递

如果在提交表单之前序列化表单并向其发出警报，则它不会接收动态创建的元素

下面是我的jQuery代码，任何帮助都将不胜感激，并提前感谢

var kit_rows = 0;
var btn_add_rows_i = 1;
var btn_add_rows_x = '';

$('#text_add_rows').click(function() {

kit_rows += 1;

btn_add_rows_x = '';
btn_add_rows_x += "<tr>";
    btn_add_rows_x += "<td class='main'> Model #: ";
    btn_add_rows_x += "<input type='text' name='kit_model" + btn_add_rows_i + "' id='kit_model" + btn_add_rows_i + "' class='kit_model'> &nbsp; </td>";

    btn_add_rows_x += "<td class='main'> Qty: ";
    btn_add_rows_x += "<input type='text' name='kit_qty" + btn_add_rows_i + "' id='kit_qty" + btn_add_rows_i + "' class='kit_info kit_qty'> &nbsp; </td>";

    btn_add_rows_x += "<td class='main'> Price: ";
    btn_add_rows_x += "<input type='text' name='kit_price" + btn_add_rows_i + "' id='kit_price" + btn_add_rows_i + "' class='kit_info kit_price' value='0.00'> &nbsp; </td>";

    btn_add_rows_x += "<td class='main'> Wholesale: ";
    btn_add_rows_x += "<input type='text' name='kit_wholesale" + btn_add_rows_i + "' id='kit_wholesale" + btn_add_rows_i + "' class='kit_info kit_wholesale' value='0.00'> &nbsp; </td>";
btn_add_rows_x += "</tr>";

$('#tr_last').before(btn_add_rows_x);

btn_add_rows_i++;

alert($('#cat').serialize());

});

var-kit\u行=0；
var btn_添加_行_i=1；
var btn_add_rows_x=''；
$（“#文本_添加_行”）。单击（函数（）{
套件排数+=1；
btn_添加_行_x=''；
btn_添加_行_x+=“”；
btn_添加_行_x+=“模型：”；
btn_添加_行_x+=“”；
btn_添加_行_x+=“数量：”；
btn_添加_行_x+=“”；
btn_添加_行_x+=“价格：”；
btn_添加_行_x+=“”；
btn_添加_行_x+=“批发：”；
btn_添加_行_x+=“”；
btn_添加_行_x+=“”；
$（'tr#u last'）。之前（btn#u add_rows_x）；
btn_添加_行_i++；
警报（$（'#cat'）.serialize（））；
});

我的问题是：

一次I$（'tr#u last'）。之前（btn#u add_rows_x）；内容，HTML表单不应该自动获取内容吗

---

jQuery的“before”函数是否可以完成这项工作，或者我是否应该使用一些不同的方法来让表单获取新内容？

看看这个JSFIDLE。是否满足您的要求

在此处输入代码

如果我误解了你的疑问，我很抱歉

---

谢谢，

看看这个JSFIDLE。是否满足您的要求

在此处输入代码

如果我误解了你的疑问，我很抱歉

---

谢谢，

尽管我无法让它以我最初尝试的方式工作，但我还是找到了一种适用于我的应用程序的替代方法。当我打开jsfiddle站点时，您的Fiddle代码似乎正常工作，所以我不太确定我的原始方法仍在进行什么工作……尽管我无法以最初尝试的方式使其正常工作，但我还是找到了一种适用于我的应用程序的替代方法。当我打开jsfiddle站点时，您的Fiddle代码似乎正常工作，所以我不太确定我的原始方法仍在进行什么工作……尽管我无法以最初尝试的方式使其正常工作，但我还是找到了一种适用于我的应用程序的替代方法。当我打开JSFIDLE站点时，您的FIDLE代码似乎正常工作，所以我不太确定我的原始方法仍然在进行什么。。。