无法从 AJAX 生成的动态表单中收集 $_POST 值

Question

我有一个 HTML 表单，它部分由 PHP 生成，部分由 AJAX 生成（我是新手），我已经让脚本按预期工作，我可以收集 PHP 生成的脚本，但不能AJAX 产生的。表格如下：

--编辑：更改脚本的位置并将受影响的 POST 上的“id”重命名为“name”，但无济于事。

index.jquery.php

echo "      <form method='POST'>"; //Här börjar formuläret man fyller i.
echo "          <p>S&auml;llskapets namn: <input type='text' name='groupname' class='required'/></p>";
echo "          <p>Antal deltagare: <select name='participantsAmount' id='participantsAmount' data-mini='true'>"; //Nu börjar dropdown-listan över antal deltagare
echo "              <option value='0'>V&auml;lj antal</option>";
for ($i = 1; $i < 11; $i++)
{
    echo "<option value='$i'>$i</option>";
}
echo "          </select>";
echo "          <div id='participants_added'>"; //I det här området skrivs alla deltagar-entryn ut från AJAX-koden nedan

echo "          </div>";
echo "  </form>";


if(isset($_POST['submitform']))
{
    $groupname = $_POST['groupname'];
    $misc = $_POST['misc'];
    $email = $_POST['email'];
    $participants = $_POST['participantsAmount'];

    for($i = 0; $i < $participants; $i++)
    {
        $participant_name = $_POST['participant_name['.$i.']'];
        $participant_age = $_POST['participant_age['.$i.']'];
        $allergies = $_POST['allergies['.$i.']'];
        $sql = mysql_query("INSERT INTO submits (name, allergies, misc, age, email, groupname) VALUES ('$participant_name', '$allergies', '$misc', '$participant_age', '$email', '$groupname')")or die(mysql_error());
    }
}
?>
<script>
var html = ''; //Allting som hamnar i den här variabeln skrivs ut i slutet av skriptet.
$(document).on('change', '#participantsAmount', function() { //AJAX-delen som lägger till deltagar-rutorna (namn1, ålder. namn2, ålder etc.)
    participants = $(this).val();
    html = '';
        for (var i = 0; i < participants; i++) {
            var j = i + 1;
            html += '<fieldset class="ui-grid-a"><div class="ui-block-a"><label for="participant_name['+i+']">Namn ' + j + '</label><input type="text" name="participant_name['+i+']" placeholder="Namn"/></div>';
            html += '<div class="ui-block-b"><label for="participant_age['+i+']">&Aring;lder</label><input type="text" name="participant_age['+i+']" placeholder="&Aring;lder" /></div>';
            html += '</fieldset>';
            html += '<p><label for="allergies['+i+']">Matrestriktioner/F&ouml;do&auml;mnesallergier</label><input type="text" name="allergies['+1+']" placeholder="Allergier" /></p>';
    }
    html += '<p><label for="misc">&Ouml;vrigt</label><textarea name="misc" id="misc"></textarea></p>';
    html += '<p><label for="email">E-postadress</label><input type="text" name="email" id="email" class="required email" placeholder="E-postadress" /></p>';
    html += '<p><input type="submit" name="submitform" value="Skicka anm&auml;lan" /></p>';
    $('#participants_added').html(html);
    //$('#participantsAdded').append('<input type="submit" value="Submit" />');
    $('.ui-page').trigger('create');
});
</script>

如前所述，我可以收集和存储电子邮件、组名和其他 POST，但不能收集和存储其他任何内容。据我所知，我需要事件侦听器函数的 AJAX 脚本，否则我可能会遗漏那个。任何帮助表示赞赏。

Answer 1

问题很简单：您忘记在循环中为表单字段添加name 属性：

<input type="text" id="participant_name['+i+']" placeholder="Namn"/>

应该是：

<input type="text" name="participant_name['+i+']" placeholder="Namn"/>

等等

我认为你不能使用像 id="participant_name['+i+']" 这样的东西，因为 [ 和 ] 字符不是 allowed in an id。

除此之外，您的方法似乎有点奇怪，整个 javascript 部分都放在 div 中，您会用该 javascript 的结果覆盖它。我会将 javascript 放在其他地方以避免潜在的问题，尽管我从未真正尝试过这个......