2013-11-23 30 views
0

我想要一个javascript函数或解决方案,当按下时会点击按钮,输入键。但是它有一些条件如本链路http://i.stack.imgur.com/EWUed.png按Enter键以继续使用JavaScript中的条件

条件是当光标在节目“IN1”输入(或在聚焦状态“IN1”输入),然后用户按下输入。点击“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> 

问候。

+0

你确定你不只是在寻找科纳米代码? – adeneo

+0

你的Javascript代码在哪里?你做了什么? –

回答

0

这是相当直接的。请看看jQuery文档。 http://api.jquery.com/keypress/
http://api.jquery.com/prop/
​​

的jQuery:

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

Demo

+0

亲爱的@安迪,我尝试了它,但它不适合我。当我按Enter键时,它仅在url中显示button_action = send_a1。 (例如http:// localhost:8080/connectdb/testclick.jsp?a1 = 001&button_action = send_a1&a2 =&a3 =#或http:// localhost:8080/connectdb/testclick.jsp?a1 =&button_action = send_a1&a2 = 002&a3 =# ) 谢谢。 – nongtokung