7

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

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

$("#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"); }

});

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

谢谢

4

3 回答 3

16

还找到了一个不错的小插件来获取下一个输入：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;
    });
};
于 2011-01-05T08:44:49.257 回答
5

用缓存的这个 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();
    }
});
于 2009-08-05T10:46:12.437 回答
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(); }
});
于 2009-08-05T10:34:34.690 回答