javascript - jQuery表单元素未动态加载

我不确定为什么，但是当我调用$(form).serialize()时，它将返回动态创建的元素内的对象。

我有这个html语法：

<form id="form1"></form>
<input type="text" name="formItem[0][value]" value="XX" />
<input type="text" name="formItem[INDEX][value]" value="XX" />

我调用方法来克隆input[name="formItem[0][value]"]并将INDEX替换为1，所以我的形式如下：

<form id="form1"></form>
<input type="text" name="formItem[0][value]" value="XX" />
<input type="text" name="formItem[1][value]" value="XX" />
<input type="text" name="formItem[INDEX][value]" value="XX" />

但是，当我调用方法来序列化表格时，仍然有相同数量的元素->两个-但对于此示例：
当我第一次提交表单时，没有克隆输入，有formItem[0][value]和formItem[INDEX][value]，但是当我调用clone然后提交表单时，serializeArray方法返回formItem[0][value]和formItem[1][value]。


您有什么想法，如何解决我的问题？
https://jsfiddle.net/8u83h22j/2/

最佳答案

已解决-使用Chrome而不是Safari浏览器。