动态创建的索引字段未随表单提交

Question

我使用 jQuery 动态创建电子邮件地址的新字段，其中包含一个用于指定电子邮件地址类型的选择下拉框和一个电子邮件地址的文本输入。

HTML

<form enctype="multipart/form-data" action="handler.php" method="post" />
<ul class="ul-lov">
<li>
    <select name="email_type_id[]" class="float-l edit-email-type">
      <option value="1">No Label</option>
      <option value="5">Email</option>
      <option value="10" selected="selected">Personal</option>
      <option value="20">Work</option>
      <option value="30">Other</option>
    </select>
    <input type="text" name="email_value[]" value="[email protected]" class="float-l edit-email"> 
    <img src="/gui/minus-button.png" class="minus">
    <img src="/gui/plus-button.png" class="addlov">
</li>
</ul>
</form>

jQuery： 当用户单击“plus-button.png”时，它将运行以下代码。本质上，它只是创建当前 LI 的副本并删除其中的值。

// Click plus
$('.addlov').live('click', (function() {        
    $(this).closest('ul').append(
        $(this).parent('li').clone(true).children('input, select').val('').end()
    );
    $(this).remove();
}));

这一切都运行良好，问题是当我提交表单时，动态创建的字段被忽略。提交时，我将序列化表单数据并显示在警报中以验证这一点。我已经尝试了一切，似乎看不出问题是什么！？有什么想法吗？

Answer 1

我想通了...

我上面发布的表单片段是一个更大的应用程序的一小部分。该应用程序仍然只使用页面上的一种表单。不同的 div 中有许多表单元素。它不起作用的原因是因为我的 FORM 标签不在所有 div 之外。

这是我的代码如何设置的示例：

<div id="topform">
    <form action="handler.php" method="post">
    // some form items
</div>
<div id="moreformstuff">
    // some form items
</div>
<div id="bottomformstuff">
    // some form items
    </form>
</div>

所以我像这样移动标签：

<form action="handler.php" method="post">
<div id="topform">        
    // some form items
</div>
<div id="moreformstuff">
    // some form items
</div>
<div id="bottomformstuff">
    // some form items
</div>
</form>

现在一切正常。 ：/希望这可以帮助其他人不要在同样的问题上浪费时间！

Answer 2

抛出一个

上 handler.php 并查看传递了什么。当我测试您的示例时，单击加号一次并填写后，我在 handler.php 上得到以下信息：

array(2) {
  ["email_type_id"]=>
  array(2) {
    [0]=>
    string(2) "10"
    [1]=>
    string(2) "30"
  }
  ["email_value"]=>
  array(2) {
    [0]=>
    string(14) "[email protected]"
    [1]=>
    string(15) "[email protected]"
  }
}

在发布到 handler.php 之前，您对数据执行其他操作吗？