javascript - 使用动态文本框序列化表单

Question

我创建了一个 for 循环，它允许我生成文本框，供用户输入数据以添加到 mySql 数据库。

var $frm2 = $("<form id=insertform class=form2></form>"); // craete the form
$frm2.append(txt8, txt9); // add 2 clone dropdown boxes to the form

// this loop creates n number of text boxes abnd adds them to the form 
for(var i = 0; i < n-1; i++)  { 
    $('<input /></br>', {
        id: "valueid" + i,
        text: "text",
        name: "user"
    }).appendTo($frm2);
}

问题是当我通过 JSON 将数据序列化到 AJAX post 时，只有两个下拉框被序列化，文本框似乎没有添加到数据中。

$("#inserthbtn").click(function() {
    var datastring = $($frm2).serialize();
    $("#reports4").append(datastring);
    alert(datastring);
});

如果你能看到我出错的地方，那就太棒了(我也知道我缺少发布到 AJAX 的脚本，我无法让它工作，因此作为故障查找过程的一部分将其删除)。

Answer 1

为输入指定以 [] 结尾的数组样式名称。当它被序列化时，它们将被收集到一个数组中。

for(var i = 0; i < n-1; i++) 
{   
        $('<input />', {id: "valueid" + i,text: "text",name: "user[]"}).appendTo($frm2);
        $('<br />').appendTo($frm2);    
}

此外，当您将多个元素放入第一个参数时，您不能使用 $() 的对象参数来指定新元素的属性。

另一种选择是给它们指定唯一的名称，name: "user"+i。