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

我不知道这个问题到底该怎么说，但我会尽力的。 我有一个表格，从用户那里收集有关就业历史的数据。目前，我的表格如下所示：

<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>

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

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

（$x=0；$x<计数（粘贴员工）；$x++）的

{
回声“；

---

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

首先按以下方式更改表单，并使用addAnotherJob（）创建第一个span的克隆（使用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>

就业史
前任/现任雇主
位置
开始日期
完成日期
由
老板的联系方式
添加另一个作业

---

请参阅此链接：

单击按钮后，您需要向页面添加所需控件，并跟踪用户添加控件的次数。然后，这必须由服务器端脚本处理。还有一件事，您需要为每个clic将字段名从pastEmployers更改为pastEmployers_1、pastEmployers_2等KYU可以使用JavaScript，每次用户单击“添加另一个作业”时，通过Ajax将当前表单发送到服务器，并生成一个新的表单。您应该考虑使用<代码> UpSert < /CordsS将这些作业一个接一个地插入到您的数据库中。：谢谢！你发布的链接正是我想在我的页面上做的！我已经在JSFIDLE中玩过代码，我想我已经开始理解了，但是当我将代码复制粘贴到编辑器并保存文件时，它会松开“添加”功能（不确定为什么）.尽管如此，你到目前为止帮了我很大的忙，让我走上了正确的道路。谢谢你。

<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>