使用方括号属性名称关注下一行输入

时间:2015-05-01 18:28:51

标签: jquery

我有这个jquery函数,它会在按下'输入'的同时关注下一个文本框。 key,名称属性中带方括号。

我能够将焦点集中在同一个div内的下一个输入,例如[]到b [],b []到c [],但是我无法将它集中到a []在c []的下一个div中。

任何帮助都将不胜感激。

HTML:

<div class="row" style="padding-bottom: 3px">
    <div class="col-xs-1" style="padding-right: 2px; padding-left: 0px">1</div>
    <div class="col-xs-3" style="padding-right: 2px; padding-left: 1px">
        <input type="text" class="form-control text-center" maxlength="4" name="a[]">
    </div>
    <div class="col-xs-2" style="padding-right: 2px; padding-left: 1px">
        <input type="text" class="form-control text-center" maxlength="5" name="b[]">
    </div>
    <div class="col-xs-2" style="padding-right: 2px; padding-left: 1px">
        <input type="text" class="form-control text-center" maxlength="5" name="c[]">
    </div>
</div>
<div class="row" style="padding-bottom: 3px">
    <div class="col-xs-1" style="padding-right: 2px; padding-left: 0px">2</div>
    <div class="col-xs-3" style="padding-right: 2px; padding-left: 1px">
        <input type="text" class="form-control text-center" maxlength="4" name="a[]">
    </div>
    <div class="col-xs-2" style="padding-right: 2px; padding-left: 1px">
        <input type="text" class="form-control text-center" maxlength="5" name="b[]">
    </div>
    <div class="col-xs-2" style="padding-right: 2px; padding-left: 1px">
        <input type="text" class="form-control text-center" maxlength="5" name="c[]">
    </div>
</div>

JS:

$('input[name="c[]"]').on('keydown', function(event){
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == 13){
        //Enter
        event.preventDefault();

        // function to focus next a[] textbox

        //$('[name="b[]"]').closest('.row').find('[name="b[]"]').focus();

    }
 });

2 个答案:

答案 0 :(得分:1)

这将循环一次。 http://jsfiddle.net/b6fLv71m/

var inputs = $('input').on('keydown', function(event){
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == 13){
        //Enter
        inputs.eq(inputs.index(this) + 1).focus();
    }

    event.preventDefault();
});

答案 1 :(得分:1)

使用课程@echo off setlocal enableDelayedExpansion FOR /F "skip=1 tokens=1-2 delims==,¶" %%I IN ('typeperf "\Memory\Available bytes" -sc 1') DO ( if "%%~I" equ "Exiting" goto :break set "datet=%%~I" set "datet=!datet: =!" set "!datet!=%%~J" ) :break set !datet! 查找下一个div并使用.row移至下一个div。

.next()