Javascript 自动重新启动新输入

我想，如果你在第一个id=“benodigheden”中做了一些事情，那么有一个特定的规则是id=“benodigheden”我在互联网上也找不到任何东西。我认为你需要java，但我的知识对你来说还是太少了。 我希望有人能帮助我

这是我的HTML：

    <form action="" method="post">
<legend>Neem contact op</legend>
<table>
    <tr>
        <td>
            <label for="Naam">Naam: </label>
        </td>
        <td>
            <input type="text" id="Naam" name="Naam" placeholder="Naam" required="required" />
        </td> 
    </tr>
    <tr>
        <td>
            <label for="Email">Email :</label>
        </td>
        <td>
            <input type="email" id="Email"name="Email" placeholder="Email" required="required" />
        </td>
    </tr>
    <tr>
        <td>
            <label for="Seizoen">Seizoen: </label>
        </td>
        <td>                                                                  
            <select name="Seizoen" id="Seizoen" required>
            <option value="">Kies hier je seizoen</option>
                <option value="Lente">Lente</option>
                <option value="Zomer">Zomer</option>
                <option value="Herfst">Herfst</option>
                <option value="Winter">Winter</option>
            </select>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <hr />  
        </td>
    </tr>
    <tr>
        <td>
            <label for="benodigheden1">Benodigheden:</label>
        </td>
        <td>
            <input type="text" id="benodigheden1"name="benodigheden1" placeholder="Benodigheden" required="required" />
        </td>
    </tr>
    <tr>
        <td>
            <label for="ingrediënten1">Ingrediënten:</label>
        </td>
        <td>
            <input type="text" id="ingrediënten1"name="ingrediënten1" placeholder="Ingrediënten" required="required" />
        </td>
    </tr>
    <tr>
        <td>
            <label for="stappenplan">Stappenplanm:</label>
        </td>
        <td>
            <textarea name="stappenplan" id="stappenplan" cols="40" rows="5" placeholder="Stappenplan" required="required" /></textarea>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <hr />
        </td>
    </tr>
    <tr>
        <td>
            <label for="Opmerking">Opmerking:</label>
            </td>
        <td>
            <textarea name="Opmerking" id="Opmerking" cols="40" rows="5" placeholder="Opmerking" required="required" /></textarea>
            </td>
    </tr>
    <tr>
        <td>
        </td>
        <td>
            <div class="submit"><input type="submit" value="Verzenden" name="Verzenden" /></div>
        </td>
    </tr>
</table>

印楝联络处
纳姆：
电邮：
查斯沃恩：
这是我的荣幸
伦特
邹么
赫斯特
冬天

贝诺迪格登：
英格里登：
Stappenplanm：

奥默金：

---

这里是一个链接

如果我理解正确，您希望在输入文本后显示一个额外的行（规则？），并且对于那些在其

id

中有序列号的输入，应该出现这种情况

为此，我建议您包括

jQuery

，并添加一个检测输入更改的脚本，并在需要时添加一个新的输入，以及下一个可用的序列号：

$(document).on('keyup change input', 'input, textarea', function() {
    if (!$(this).val().replace(/\s/g, '').length) {
        // no text entered, so don't add line
        return;
    }
    var id = $(this).attr('id');
    // Extract name and linenumber from id
    var res = id.split(/(\d+$)/);
    if (res.length < 2) {
        // No line number, so don't add line
        return;
    }
    var newId = res[0] + (parseInt(res[1]) + 1);
    if ($('#' + newId).length) {
        // Not the last line, so don't add line
        return;
    }
    // Add a line, and make it non-mandatory
    $(this).clone()
        .attr('id', newId).removeAttr('required')
        .val('')
        .insertAfter(this)
        .before($('<br>'));
});

$（document）.on（'keyup change input'，'input，textarea'，function（）{
如果（！$（this）.val（）.replace（/\s/g'，）.length）{
//未输入文本，因此不添加行
返回；
}
var id=$（this.attr（'id'）；
//从id中提取名称和行号
var res=id.split（/（\d+$）/）；
如果（分辨率长度<2）{
//没有行号，所以不要添加行号
返回；
}
var newId=res[0]+（parseInt（res[1]）+1）；
if（$（'#'+newId）.length）{
//不是最后一行，所以不要添加行
返回；
}
//添加一行，并将其设置为非强制性
$（this.clone（））
.attr（'id'，newId.）.removeAttr（'required'）
.val（“”）
.insertAfter（本）
。在（$（“
”）之前；
});

尽管上述操作可以在纯javascript中完成，但要处理跨浏览器问题要麻烦得多，也更难

---

你可以看到它在这里起作用

您希望表单发送后发生这种情况吗？您拼写错误Benodighedenit确实不清楚您在问什么，但我怀疑您是否需要Java。@William请让问题变得易懂。注意：小提琴没有内嵌代码的所有输入。现在还可以使用php（邮件）发送此信息。“我希望你能帮助我。”威廉，如果你有后续问题，请提出一个新问题。通过这种方式，您将吸引熟练使用php邮件的人员的注意。同时，如果你认为我的贡献是你原来问题的解决方案，那么请接受它。谢谢