Php 动态创建的输入字段'；s的数据未被发布

这是每次用户单击AddMore按钮时，我用来创建两个新输入字段的Jquery代码

  var i=1;
                    $('#addMoreHighlights').on('click',function(event){
                        //prevent default action
                        event.preventDefault();
                        var clone = '<div data-count="'+i+'" ><br/><hr/><div class="form-group" ><label>Trip-Highlight Title:</label><input type="text" value="" name="trip_highlightTitle[]" class="form-control clearHiglights" id="" placeholder="Enter Trip Highlight\'s Title"></div><div class="form-group"><label>Trip-Highlight Image</label><div class="input-group"><input class="form-control clearHiglights" placeholder="Upload Image For The Highlight" name="trip_highlightImage[]" value="" type="text" id="trip_highlightImage"><span class="input-group-addon" style="background: #3C8DBC"> <a style="cursor: pointer;"  onclick="BrowseServer("trip_highlightImage");" ><span style="color: #FFF;">Select Image</span></a></span></div></div><button style="float: right; margin: 5px;" data-removeCount="'+i+'"class="removeMoreHighlights btn">Remove</button></div>';

                        $('#tripHighlights').append(clone);
                        i++;
                    });

我预期的实际结果是：

'trip_highlightTitle' => 
    array (size=1)
      0 => string 'title 1' (length=7)
      1 => string 'title 2'  (length=7)
  'trip_highlightImage' => 
    array (size=1)
      0 => string 'image1' (length=6)
      1 => string 'image2'  (length=6)

---

我用你的代码创建了一个示例，我可以看到动态添加的字段也是表单提交的一部分。看看这是否有用

$（文档）.ready（函数（）{
var i=1；
$（'addMoreHighlights'）。在（'click'，函数（事件）{
//防止默认操作
event.preventDefault（）；
var clone='
行程突出显示标题：行程突出显示图像选择ImageRemove'；
$（'#tripHighlights'）。追加（克隆）；
i++；
});
$（“表格”）。在“提交”上，功能（事件）{
event.preventDefault（）；
log（$（this.serialize（））；
});
});

行程重点标题：
行程高光图像
添加更多
提交
取消
我偶然发现的一件事是，您在克隆HTML中反复使用相同的id属性。我在这里通过向元素的id属性添加I-counter纠正了这一点，它似乎可以工作：

var clone='

+ ''
...
+'type=“text”id=“trip\u highlightImage”+i+”>'
...
+““class=”removeMoreHighlights btn“>”
+“移除”；
表单是从哪里开始和关闭的？能否在每个字段的“名称”属性中传递索引，然后重试？表单从页面开始，到页面结束@sgtcan您可以共享POST请求代码吗？不起作用仍然是same@Kalish
'trip_highlightTitle' => 
    array (size=1)
      0 => string 'title 1' (length=7)
  'trip_highlightImage' => 
    array (size=1)
      0 => string 'image1' (length=6)

'trip_highlightTitle' => 
    array (size=1)
      0 => string 'title 1' (length=7)
      1 => string 'title 2'  (length=7)
  'trip_highlightImage' => 
    array (size=1)
      0 => string 'image1' (length=6)
      1 => string 'image2'  (length=6)

var clone = '<div data-count="' + i + '" ><br/><hr/>'
          + '<div class="form-group" ><label>'
          ...
          + 'type="text" id="trip_highlightImage' + i + '">'
          ...
          + '"class="removeMoreHighlights btn">'
          + 'Remove</button></div>';