Question

我会简短，简单，浏览和浏览这里和其他网站但我无法找到解决方案的问题：我有一个可以正常使用的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());

});

我的问题是：

I $（＆＃39;＃tr_last＆＃39;）之前（btn_add_rows_x）;内容，HTML表格不应自动获取内容吗？

jQuery＆＃34; s＆＃34;之前＆＃34;功能是完成这项工作还是我应该使用哪些不同的东西，以便表格能够获取新内容？

Answer 1

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

enter code here http://jsfiddle.net/gurunathana/8eeqwhyf/

如果我错误地理解您的查询，请感到遗憾。

谢谢，

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

1 个答案: