Ustawianie fokusu na następne wejście w jQuery?

Question

Mam obecnie skrypt, który sprawdzi wartość pola wyboru, a następnie włącz pole tekstowe tuż obok niego, a następnie mam nadzieję, że ustawi ostrość.

mam to w momencie, który działa dobrze na celu umożliwienie pole wprowadzania ...

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

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

}); 

Jestem nieco zakleszczony na „FOCUS” bit szczerze mówiąc, próbowałem „$ (this) .next ("input"). focus(); " ale to się nie skupiło, chociaż nie wywołało błędu 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"); } 

}); 

Jakieś pomysły, chłopaki? Naprawdę utknąłem na tym i byłoby to bardzo proste, ale bardzo przydatne uzupełnienie strony, którą buduję!

Dzięki

Answer 1

modyfikacja powyższego odpowiedź z pamięci podręcznej tego obiektu JQ. Również filtr wewnątrz obok nie jest potrzebny. next() zwróci tylko następne rodzeństwo. Filtr zasadniczo mówi, że otrzymasz następny tylko wtedy, gdy jest to wejście lub filtr, który podasz. Jeśli jesteś pewien, że następny jest pożądanym obiektem, nie ma potrzeby dołączania filtra.

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

Answer 2

Myślę, że problemem może być to, że nie jest możliwe, aby ustawić ostrość na niepełnosprawnego kontroli wejściowej (przynajmniej w niektórych przeglądarkach/systemów operacyjnych).

Twoje połączenie focus() jest po prostu w niewłaściwym bloku - powinno być w bloku else, a nie w bloku if.

Jak to:

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

Także miły mały plugin, aby uzyskać następnego wejścia: 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; 
    }); 
};