移至最后的Fieldsets

时间:2016-05-24 12:24:03

标签: javascript fieldset action-button

我有一个包含5个字段集的表单,每个字段集都有Next&以前的按钮。将检查按钮添加到最后一个字段集以检查必填字段。填写必填字段后,我需要在每个字段集中添加另一个按钮,直接跳转到提交字段集,而不再传递每个字段集。有没有帮助呢?谢谢。

1 个答案:

答案 0 :(得分:0)

您可以尝试在字段集中添加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
}

编辑:语法