移至最后一个字段集答案

【问题标题】：Moving to the last Fieldsets移至最后一个字段集
【发布时间】：2016-05-24 12:24:03
【问题描述】：

我有一个包含 5 个字段集的表单，每个字段集都有下一个和上一个按钮。在最后一个字段集中添加了一个检查按钮以检查必填字段。填写完必填字段后，我需要在每个字段集中添加另一个按钮，以直接跳转到提交字段集，而无需再次传入每个字段集。有什么帮助吗？谢谢。

【问题讨论】：

贴一些代码，不然很难帮...

标签： javascript fieldset action-button

【解决方案1】：

您可以尝试将 ID 添加到带有编号的字段集：

<fieldset id="fs_0"></fieldset>
<fieldset id="fs_1"></fieldset>
<fieldset id="fs_2"></fieldset>
<fieldset id="fs_3"></fieldset>
<fieldset id="fs_4"></fieldset>

然后用javascript你可以做一个循环：

for(var i = 0: i < 4; i++){}

由于您不需要在最后一个字段集上添加按钮，因此 for 循环的限制为 4。最后您可以执行以下操作：

for(var i = 0: i < 4; i++){

    var btn = document.createElement('button');//create button
    btn.onclick = function(){ jumpToEnd();};//add function to do
    btn.innerHTML = 'JUMP';//what will it show
    document.getElementById('fs_' + i).appendChild(btn);//append to fieldset
}

编辑：语法

【讨论】：

我有每个字段集的 id 但没有数字。我尝试使用您的一些 Javascript，但它不适用于我。我已经在每个字段集/选项卡中有 Next-Previous 按钮，并且想在每个字段集中添加额外的按钮以跳转到最后一个字段集/页面。
我使用了编号，所以我可以通过循环调用字段集。嗯，有趣。你能提供一些代码吗？我只是无法绕过可能发生的事情。