Jquery在EnterKeyPress上选择NEXT文本字段-JqueryselectNEXTtextfieldonEnterKeyPress

15  

I've created a little function which can do what you need. This is the version I use so you may need to change the class names but you should get the idea.

我已经创建了一个可以满足你需要的功能。这是我使用的版本，因此您可能需要更改类名，但您应该明白这一点。

So basically:-

所以基本上： -

• Get all the input fields matching .vertical
• 获取与.vertical匹配的所有输入字段
• Find which is the current text box
• 找到哪个是当前文本框
• Find the next one
• 找到下一个
• Set the focus on that one
• 将焦点放在那一个上

10  

You should use:

你应该使用：

$(this).next('input').focus();  

2  

try this:

尝试这个：

(function($){
    $.fn.enterNext = function(){
       var _i =0;
       $('input[type=text], select',this)
            .each(function(index){
            _i = index;
            $(this)
                .addClass('tab'+index)
                .keydown(function(event){
                    if(event.keyCode==13){
                        $('.tab'+(index+1)).focus();
                        event.preventDefault();
                    }
                });

        })
     $( "input[type=submit]",this ).addClass('tab'+(_i+1));
}})(jQuery);

for use:

用来：

$('form.element').enterNext();

in my case this is the best solution in that I got because the function .next() is strict with elements outside their branch DOM. The best way is to force an index.

在我的情况下，这是我得到的最佳解决方案，因为函数.next（）严格使用其分支DOM之外的元素。最好的方法是强制索引。

and sorry for my bad English...

抱歉我的英语不好......

0  

Basically, you just need top have the DOM elements in some structure so that you can select the next one. I'd suggest exploiting tabindex, but anything that let's you have a defined order will work.

基本上，您只需要在某些结构中使用DOM元素，以便您可以选择下一个。我建议使用tabindex，但任何让你有定义顺序的东西都可以。

0  

Here is the solution I came up with. The issue I had was that I needed to maintain tabindex, i.e. it had to function exactly that same as hitting tab. It uses both underscore and jquery.

这是我提出的解决方案。我遇到的问题是我需要维护tabindex，即它必须与击中标签完全相同。它使用下划线和jquery。

I've left in my debugging code:

我留下了调试代码：

try {
    var inputs = $("input[id^=tpVal-]");
    var sortedInputs = _.sortBy(inputs, function(element){
        var tabIndex = $(element).attr('tabindex');//debugging
        var id = $(element).attr('id');//debugging
        console.log(id +" | "+ tabIndex +" | "+ $(element));//debugging
        return parseInt($(element).attr('tabindex'));
    });
    $(sortedInputs).each(function (index, element) {
        $(element).keyup(function(event){
            if(event.keyCode==13) {
                var $thisElement = $(element);//debugging
                var nextIndex = index+1;//debugging
                var $nextElement = $(sortedInputs[nextIndex]);
                var thisId = $thisElement.attr('id');//debugging
                var nextId = $nextElement.attr('id');//debugging
                console.log("Advance from "+thisId+" to "+nextId);//debugging
                if($nextElement!=undefined) {
                    $(sortedInputs[index + 1]).focus();
                }
            }
        });
    });
} catch (e) {
    console.log(e);
}

0