How do I move focus to next input with jQuery?

by

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.

More Related Contents:

  1. Any event triggered on autocomplete?
  2. jQuery UI AutoComplete: Only allow selected valued from suggested list
  3. Implementing jquery UI autocomplete to show suggestions when you type “@”
  4. jQuery multiply vars inside value [duplicate]
  5. How to disable browser reload button on mouse click
  6. Jquery if statement with two class conditions [closed]
  7. How to check if element is visible after scrolling?
  8. Comet and jQuery [closed]
  9. Selected text event trigger in Javascript
  10. Why use jQuery on() instead of click()
  11. Can jQuery provide the tag name?
  12. How do I remove tinyMCE and then re-add it?
  13. Convert MySql DateTime stamp into JavaScript’s Date format
  14. Load image with jQuery and append it to the DOM
  15. Child element click event trigger the parent click event
  16. Extract all email addresses from bulk text using jquery
  17. Where is jQuery.data() stored?
  18. How to dynamically modify in materialize css framework
  19. jQuery min/max property from array of elements
  20. Converting a recursive function into an asynchronous CPS implementation (javascript)
  21. How to read line by line of a text area HTML tag
  22. Is there a way using Jquery to detect the back button being pressed cross browsers
  23. Get largest value in multi-dimensional array javascript or coffeescript
  24. send json object from javascript to php
  25. Capture event onclose browser
  26. Looping through jQuery Deferreds after all promises have been called
  27. What does ” [native code] ” mean?
  28. Hour difference between two times(HH:MM:SS a)in momentjs
  29. call the same jQuery function in multiple buttons
  30. Set cursor to specific position on specific line in a textarea

Leave a Comment