Question

有人可以帮助我解决如何在表单中逐个输入+标签？

我有<form>有一些输入和标签，我想让它们一个接一个地出现。当按下ENTER键时，标签＃1和输入＃1必须消失，第二个标签+输入必须出现。

我的脚本+ css和jss在jsfiddle上 http://jsfiddle.net/zApq4/

我的js是：

 $(document).ready(function() {

        // First Show the First Element & Focus it
        $("form.fieldContainer:first-child").fadeIn(500).focus();

        // Setup a transition handler:
        $("form.fieldContainer").keyup(function(ev) {

            if $('#nextButton').click(show_next);
            {
                ev.preventDefault();
                ev.stopPropagation();

                var _next = $(this).parents('form.fieldContainer').next('form.fieldContainer');
                _next.fadeIn(500);
                _next.find("input").focus();
            }

        });

    });

我想我的js做错了但是我无法意识到是什么。谢谢大家

Answer 1

尝试跟随（是你想要的）：

var $containers = $(".fieldContainer");

    // First Show the First Element & Focus it
    $containers.eq(0).fadeIn(500).find("input").focus();

    // Setup a transition handler:
    $containers.find("input").keyup(function(ev) {
        ev.preventDefault();
        ev.stopPropagation();

        if($(this).val() == ""){
            return;   
        }
        //if enter is pressed
        if(ev.which == 13){                  
            var _next =  $(this).parents().next();
            _next.fadeIn(500);
            _next.find("input").focus();        
        }
    });

在这里工作小提琴：http://jsfiddle.net/zApq4/3/

或者，

在这里工作小提琴：http://jsfiddle.net/zApq4/4/

我希望它有所帮助。

如何在表单中逐个输入+标签？

1 个答案: