html 表单输入 - 每个输入字段的多个答案

Question

我不确定如何准确地表达这个问题，但我会尽力而为。 我有一个表格，它从用户那里收集有关就业历史的数据。目前我的表单如下所示：

<form name="EmploymentHistory" action="Form E.php" method="post">

    <h2>Employment History</h2>
        <label>Last/Current employer</label>
        <input type='text' name='LastCurrentemployer'>
<hr>    <label>Position</label>
        <input type='text' name='Position'>
<hr>    <label>Date Started</label>
        <input type='text' name='DateStarted'>
<hr>    <label>Date Finished</label>
        <input type='text' name ='DateFinished'>
<hr>    <label>Supervised by</label>
        <input type='text' name = 'Supervisedby'>
<hr>    <label>Contact Details for Boss</label>
        <input type='text' name='ContactDetailsForBoss'>

<hr>    <button type='button'>Add another job</button> <br>
<hr>    <input type="submit" value="Next">
    </form>

我的问题是“添加另一个工作”按钮什么也没做。
如何让用户在其就业历史中输入多个职位，以便将每个职位作为新记录输入到我的数据库中，但只需点击一次提交按钮（下一步）？

我正在考虑尝试设置一个数组，然后使用 arraypush 添加每个条目，例如：

$pastemployers = array ();
arraypush $pastemployers(POST_['LastCurrentemployer']);

然后一个循环将每个记录添加为新记录，例如：

for ($x = 0; $x < count(pastemployers); $x++){
echo "<input name='pastemployers" . $x . "' value='" . $pastemployers[$x] . "'> </input>";

我确信有更好的方法来做到这一点，但我无法在网上找到答案或解决它。我的大多数搜索都返回有关复选框或多个提交按钮的结果（对我没有帮助）。请帮忙

Answer 1

首先如下修改你的表单并使用 addAnotherJob() 创建第一个跨度的克隆（使用 jQuery）并更改每个表单字段的 id。提交此表单后，您将获得雇主详细信息数组。

<form name="EmploymentHistory" action="Form.php" method="post">

    <h2>Employment History</h2>
    <span class="span_clone">
        <label>Last/Current employer</label>
        <input type='text' id='LastCurrentemployer_0' name='LastCurrentemployer[]'>
<hr>    <label>Position</label>
        <input type='text' id='Position_0' name='Position[]'>
<hr>    <label>Date Started</label>
        <input type='text' id="DateStarted_0" name='DateStarted[]'>
<hr>    <label>Date Finished</label>
        <input type='text'  id='DateFinished_0' name ='DateFinished[]'>
<hr>    <label>Supervised by</label>
        <input type='text' id='Supervisedby_0' name = 'Supervisedby[]'>
<hr>    <label>Contact Details for Boss</label>
        <input type='text' id='ContactDetailsForBoss_0' name='ContactDetailsForBoss[]'>


<hr>    <button id='add-another-job-0' type='button' onclick= 'addAnotherJob()'>Add another job</button> <br>
</span>
<hr>    <input type="submit" value="Next">
    </form>

请参考此链接：http://jsfiddle.net/ambiguous/LAECx/