Đặt tiêu điểm cho đầu vào tiếp theo trong jQuery?

Question

Tôi hiện đang có một kịch bản mà sẽ kiểm tra giá trị của một hộp lựa chọn, và sau đó kích hoạt một trường văn bản ngay bên cạnh nó, và sau đó hy vọng thiết lập tập trung.

Tôi có này tại thời điểm mà hoạt động tốt tạo điều kiện cho các lĩnh vực đầu vào ...

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

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

}); 

tôi một chút khó khăn trên 'tập trung' chút phải trung thực, tôi đã cố gắng "$ (this) .next ('đầu vào'). focus(); " nhưng điều đó không tập trung chút nào, mặc dù nó cũng không gây ra lỗi 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"); } 

}); 

Bạn có ý kiến ​​gì không? Tôi thực sự bị mắc kẹt về điều này và nó sẽ là một bổ sung rất đơn giản, nhưng rất hữu ích cho trang tôi đang xây dựng!

Cảm ơn

Answer 1

Modified của câu trả lời ở trên với cache đối tượng JQ này. Ngoài ra bộ lọc bên trong tiếp theo là không cần thiết. next() sẽ chỉ bao giờ trả lại anh chị em tiếp theo. Bộ lọc về cơ bản nói rằng hãy cho tôi chỉ tiếp theo nếu nó là đầu vào hoặc bất kỳ bộ lọc nào bạn cung cấp. Nếu bạn chắc chắn tiếp theo là đối tượng mong muốn thì không cần phải bao gồm bộ lọc.

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

Answer 2

Tôi nghĩ rằng vấn đề của bạn có thể là nó không thể thiết lập focus cho một điều khiển đầu vào khuyết tật (ít nhất là trong một số trình duyệt/hệ điều hành).

Cuộc gọi focus() của bạn về cơ bản là sai khối - nó phải ở trong khối else, không phải khối if.

Như thế này:

$("#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 3

Cũng tìm thấy một plugin tốt đẹp chút để có được đầu vào tiếp theo: 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; 
    }); 
};