javascript - 移至最后一个字段集

Question

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

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

编辑：语法