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>

我的问题是＆＃34;添加另一份工作＆＃34;按钮什么都不做。
如何让用户在其工作历史记录中输入多个作业，以便将每个作业作为新记录输入到我的数据库中，但是提交按钮（下一个）只需要点击一次？

我正在考虑尝试设置一个数组，然后使用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（）创建第一个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>

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

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

1 个答案: