Définir le focus sur l'entrée suivante dans jQuery?

Question

J'ai actuellement un script qui va vérifier la valeur d'une boîte de sélection, puis activer un champ de texte juste à côté de lui, puis j'espère mettre le focus.

J'ai ce au moment qui fonctionne très bien à permettre le champ d'entrée ...

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

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

}); 

Je suis un peu coincé sur le « focus » peu pour être honnête, j'ai essayé « $ (ce) .next ('input'). focus(); " mais cela ne s'est pas focalisé du tout, même si cela n'a pas fait apparaître une erreur Javascript non plus ...

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

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

}); 

Des idées s'il vous plaît les gars? Je suis vraiment coincé là-dessus et ce serait un ajout très simple, mais très utile à la page que je construis!

Merci

Answer 1

modifiée de la réponse ci-dessus avec cache cet objet JQ. Aussi le filtre à l'intérieur n'est pas nécessaire. next() ne retournera jamais que le prochain frère. Le filtre est en train de dire que vous me donnez le suivant seulement s'il s'agit d'une entrée ou de n'importe quel filtre que vous donnez. Si vous êtes sûr que le prochain est l'objet désiré, il n'est pas nécessaire d'inclure le filtre.

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

Answer 2

je pense que votre problème est peut-être qu'il est impossible de définir le focus à un contrôle d'entrée désactivé (au moins dans certains navigateurs/systèmes d'exploitation).

Votre appel focus() est fondamentalement dans le mauvais bloc - il devrait être dans le bloc else, pas le bloc if.

Comme ceci:

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

On trouve également un joli petit plug-in pour obtenir l'entrée suivante: 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; 
    }); 
};