将焦点设置到jQuery中的下一个输入？

Question

我目前有一个脚本，它会检查选择框的值，然后启用它旁边的文本字段，然后希望设置焦点。

我现在有这个在启用输入字段时效果很好......

$("#assessed select").change(function () {

    if($(this).val() == 'null') { $(this).next('input').attr("disabled", true);  }
    else { $(this).next('input').removeAttr("disabled"); }

});

说实话，我有点卡在“焦点”上，我试过“$(this).next('input').focus();”但这根本没有重点，尽管它也没有引发 Javascript 错误...

$("#assessed select").change(function () {

    if($(this).val() == 'null') { $(this).next('input').attr("disabled", true); $(this).next('input').focus(); }
    else { $(this).next('input').removeAttr("disabled"); }

});

大家有什么想法吗？我真的坚持这一点，这对我正在构建的页面来说是一个非常简单但非常有用的补充！

谢谢

Answer 1

我认为您的问题可能是无法将焦点设置为禁用的输入控件（至少在某些浏览器/操作系统中）。

您的 focus() 调用基本上位于错误的块中 - 它应该在 else 块中，而不是 if 块中。

像这样：

$("#assessed select").change(function () {

    if($(this).val() == 'null') { $(this).next('input').attr("disabled", true); }
    else { $(this).next('input').removeAttr("disabled"); $(this).next('input').focus(); }
});

Answer 2

用缓存的这个 jq 对象修改了上面的答案。也不需要next里面的过滤器。 next() 只会返回下一个兄弟。过滤器基本上是说只有当它是输入或您提供的任何过滤器时才让我下一个。如果您确定下一个是所需的对象，则无需包含过滤器。

$("#assessed select").change(function () {
    var $this = $(this);
    if( $this.val() === 'null') {
        $this.next()
             .attr("disabled", true);
    }
    else {
        $this.next()
             .removeAttr("disabled")
             .focus();
    }
});

Answer 3

还找到了一个不错的小插件来获取下一个输入：http://jqueryminute.com/set-focus-to-the-next-input-field-with-jquery/

$.fn.focusNextInputField = function() {
    return this.each(function() {
        var fields = $(this).parents('form:eq(0),body').find('button,input,textarea,select').not(':hidden');
        var index = fields.index( this );
        if ( index > -1 && ( index + 1 ) < fields.length ) {
            fields.eq( index + 1 ).focus();
        }
        else {fields.first().focus();}
        return false;
    });
};