How do I move focus to next input with jQuery

Question

I am using the autocomplete plugin with jQuery and it is working fine  However  in IE  when the user selects an item in the autocomplete  the focus does not then move to the next input field  Naturally it works in Firefox  The plugin doesn t have a built-in solution but does provide for  options   Is there a way I can force it to move to the next input field

User · Answer

I just wrote a jQuery plugin that does what you are looking for  annoyed that that I couldn t find andy solution myself  tabStop -  http   plugins jquery com tabstop

User · Answer

if you are using event preventDefault   in your script then comment it out  because IE doesn t likes it

User · Answer

var inputs      input  select  textarea   keypress function  e      if  e which    13        e preventDefault        var nextInput   inputs get inputs index this    1       if  nextInput          nextInput focus

User · Answer

why not simply just give the input field where you want to jump to a id and do a simple focus      newListField   focus

User · Answer

function nextFormInput           var focused       focus          var inputs     focused  closest  form   find   input          inputs eq inputs index focused    1  focus

User · Answer

Could you post some of your HTML as an example   In the mean-time  try this        myInput   result function          this  next  input   focus         That s untested  so it ll probably need some tweaking

User · Answer

Try using something like   var inputs     this  closest  form   find   focusable    inputs eq inputs index this    1  focus

User · Answer

you cat use it     document  on  keypress   input select  function  e        e preventDefault        if  e keyCode  13                input eq          input   index this    1        focus

User · Answer

onchange     select      select   index this  1  focus      This may work if your next field is another select

User · Answer

You can do something like this      input   change function       var inputs     this  closest  form   find   input      inputs eq  inputs index this   1   focus          The other answers posted here may not work for you since they depend on the next input being the very next sibling element  which often isn t the case   This approach goes up to the form and searches for the next input type element

User · Answer

The easiest way is to remove it from the tab index all together       control   find  input readonly    each function            this  attr  tabindex    -1          I already use this on a couple of forms

User · Answer

What Sam meant was        myInput   focus function          this  next  input   focus

User · Answer

Use eq to get to specific element   Documentation about index   x000D   x000D     input   keyup function      x000D     var index     this  index  input        x000D        input eq      index  1         focus     x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 11 1 jquery min js  gt  lt  script gt  x000D   x000D   lt input type  text  maxlength  1     gt  x000D   lt input type  text  maxlength  1     gt  x000D   x000D   lt input type  text  maxlength  1     gt  x000D   x000D   lt input type  text  maxlength  1     gt  x000D   lt input type  text  maxlength  1     gt  x000D   lt input type  text  maxlength  1     gt  x000D   x000D   x000D

User · Answer

Here is what worked in my case  Might be less performance intensive       myelement   siblings  input   first   focus

User · Answer

JQuery UI already has this  in my example below I included a maxchar attribute to focus on the next focus-able element  input  select  textarea  button and object  if i typed in the max number of characters  HTML   text 1  lt input type  text  value    id  txt1  maxchar  5    gt  lt br   gt  text 2  lt input type  text  value    id  txt2  maxchar  5    gt  lt br   gt  checkbox 1  lt input type  checkbox  value    id  chk1    gt  lt br   gt  checkbox 2  lt input type  checkbox  value    id  chk2    gt  lt br   gt  dropdown 1  lt select id  dd1   gt       lt option value  1  gt 1 lt  option gt       lt option value  1  gt 2 lt  option gt   lt  select gt  lt br   gt  dropdown 2  lt select id  dd2  gt       lt option value  1  gt 1 lt  option gt       lt option value  1  gt 2 lt  option gt   lt  select gt    Javascript     function         var focusables       focusable           focusables keyup function e            var maxchar   false          if    this  attr  maxchar                  if    this  val   length  gt     this  attr  maxchar                    maxchar   true                        if  e keyCode    13    maxchar                var current   focusables index this                   next   focusables eq current 1  length   focusables eq current 1    focusables eq 0               next focus

[javascript] How do I move focus to next input with jQuery?

Examples related to javascript

Examples related to jquery

Examples related to autocomplete