Нажмите клавишу «Ввод», чтобы продолжить выполнение условий JavaScript.

Question

Я хочу функцию или решение javascript, которые будут нажимать кнопку при нажатии введите ключ. но есть некоторые условия, как показано в этой ссылке http://i.stack.imgur.com/EWUed.png

условий, когда курсор показать на вход «в1» (или OnFocus в «в1» вход), а затем пользователь нажмет введите ключ. Кнопка «a1» будет нажата. и когда курсор отобразится в «in2», а затем нажмите , введите. Кнопка «a2» будет нажата и так далее.

мой HTML код

<form action="xxx" method="get"> 
    <ul class="form-section" id="section_24"> 
    <li><label>No.1 </label> 
     <table border="0"> 
      <tr> 
      <td> 
       <input id="in1" type="text" name="a1"/> 
      </td> 
      <td> 
       <button id="a1" type="submit" name="button_action" value="send_a1">send</button> 
      </td> 
      </tr> 
     </table> 
    </li> 

    <li><label>No.2 </label> 
     <table border="0"> 
      <tr> 
      <td> 
       <input id="in2" type="text" name="a2"/> 
      </td> 
      <td> 
       <button id="a2" type="submit" name="button_action" value="send_a2">send</button> 
      </td> 
      </tr> 
     </table> 
    </li> 

    <li><label>No.3 </label> 
     <table border="0"> 
      <tr> 
      <td> 
       <input id="in3" type="text" name="a3"/> 
      </td> 
      <td> 
       <button id="a3" type="submit" name="button_action" value="send_a3">send</button> 
      </td> 
      </tr> 
     </table> 
    </li> 
    </ul> 

С уважением.

Answer 1

Это довольно прямолинейно. Посмотрите также на документацию jQuery. http://api.jquery.com/keypress/
http://api.jquery.com/prop/
http://api.jquery.com/trigger/

JQuery:

$('input').keypress(ev){ 
    if(ev.which == 13){ 
     ev.preventDefault(); 
     $('#' + $(this).prop('name')).trigger('click'); 
    } 
} 

Demo