Как сделать навигацию с помощью клавиши enter в jquery форме?

Question

[Ilya Bobkov]

// HTML
Здесь стандартные input'ы

// JQUERY
jQuery(document).ready(function()
{
elements = $( "input, select, textarea" );
elements.keypress( function( event )
{
if ( event.keyCode == 13 )
{
// как теперь перейти на следующий элемент?
}
});
});

Answer 1

[IceJOKER]

Код не читабельный, оформите как надо.

можно же легким путем идти, и да, если используете jQuery, то почему бы всеми его прелестями не пользоваться, а не только селектором?

$( "input, select, textarea" ).attr('style', 'background-color: rgb( 255,255,100 )');

также и с обработчиком , вешаем сразу на всех и при клике переходим на следующий, у вас там сущий адский гкод

новый код:

elements.keypress(function(e){

  if(e.keyCode == 13)
  {
    var next_el = $(e.target).next();
    if(next_el.nength)
      next.el.focus();
    e.preventDefault();
  }

});

переход на следующий элемент зависит от вложенности элементов и т.д., в общем зависит от структуры документа , но принцип работы я чуть выше описал

Comments

[Ilya Bobkov]

подскажите, а как сделать переход на следующий элемент при клике. Обработчик я повесил, вот:

var elements = $( "input, select, textarea" );

elements.keypress( function( event )
{
if ( event.keyCode == 13 )
{
// как теперь перейти на следующий?
}

});

[IceJOKER]

heksen: опять же смесь jquery и чистого js
обновил пост..смотрите там

[Ilya Bobkov]

IceJOKER: спасибо вам большое!

[IceJOKER]

heksen: пожалуйста !

[Ilya Bobkov]

IceJOKER: Эх, не работает ваш код, рано наверное спасибо сказал. Так что так. Это критичное место в проекте у меня.

[IceJOKER]

heksen: вы думаете тут телепаты сидят? код который обрабатывает html документ без самого html документы - это же логично подумать, что нужен еще и сам html код.
я вам написал общий принцип работы, а под свою структуру документа адаптировать придется самим или впредь сразу напишите страницу или кусок кода с которым вы работаете

[Ilya Bobkov]

IceJOKER: написал, ниже html не вставляется, но там обычные inputы

Answer 2

[Ilya Bobkov]

// HTML

// код html вставить не могу т,к, toster его не отображает.
но здесь стандартные input'ы

// JQUERY
jQuery(document).ready(function()
{
elements = $( "input, select, textarea" );
elements.keypress( function( event )
{
if ( event.keyCode == 13 )
{
// как теперь перейти на следующий?
}
});
});