在ajax请求后使用jquery和ajax发送表单

Question

我有个棘手的问题。我有一个像这样的表单

<form name="myform" id="myform" method="post">
<div id="box1">
<select name="sel1" id="sel1">...</select>
<select name="sel2" id="sel2">...</select>
</div>
<input type="submit" name="send" id="send">

然后我有一个函数，它读取选择输入的值，创建一个新的选择并重新构建div box1。

所以毕竟它就像

<select name="sel1" id="sel1">...</select>
<select name="sel2" id="sel2">...</select>
<select name="sel3" id="sel3">...</select>
<select name="sel4" id="sel4">...</select>

如果我点击submit按钮，它将发送表单中的所有内容，除了div框中的内容。

可能的问题是什么？

如果我不重新创建div，它可以正常工作，但我希望在进行一次选择后添加选择输入。

有一个循环来计算名字的个数，然后再加一个。

thx

Answer 1

您的问题是具有相同ID的多个选择。

<select name="sel1" id="sel1">...</select>
<select name="sel2" id="sel2">...</select>
<select name="sel3" id="sel1">...</select>
<select name="sel4" id="sel2">...</select>

应该是

<select name="sel1" id="sel1">...</select>
<select name="sel2" id="sel2">...</select>
<select name="sel3" id="sel3">...</select> <!-- sel3 -->
<select name="sel4" id="sel4">...</select> <!-- sel4 -->