Question

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

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="you@domain.com" 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上抛出<pre><?php var_dump($_POST); ?></pre>并查看传递的内容。当我测试你的例子时，点击加号一次并填写后，我在handler.php上得到这个：

array(2) {
  ["email_type_id"]=>
  array(2) {
    [0]=>
    string(2) "10"
    [1]=>
    string(2) "30"
  }
  ["email_value"]=>
  array(2) {
    [0]=>
    string(14) "you@domain.com"
    [1]=>
    string(15) "you2@domain.com"
  }
}

在发布到handler.php之前，您是否正在对数据执行任何其他操作？

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

2 个答案: