如何在下一行跳轉按下輸入

Question

我有一個簡單的形式，我希望在按enter鍵轉到下一個下拉列表。

<tbody> 
     <tr id="line1"> 
     <td style="width: 20px; text-align: center; padding-right: 10px; padding-right: 10px;">1</td> 
     <td><input type="text" name="quantity1" value="" id="quantity01" class="text" style="width: 70px; text-align: center;"></td> 
     <td><select name="product1" id="product01" class="chzn-select chzn-done" data-placeholder="Choose a Product" style="width: 270px; display: none;"> 
<option value="0"></option> 
<option value="1">123456 TEXT </option> 
<option value="2">5454654 TEXT 2</option> 
</select> 
     <td><select name="tax_rate1" id="tax_rate01" class="chzn-select chzn-done" data-placeholder="Select..." style="width: 110px; display: none;"> 
<option value="0"></option> 
<option value="1">Option 1</option> 
<option value="2" selected="selected">Option 2</option> 
<option value="3">Option 3</option> 
</select> 
     <td><input type="text" name="input" value="" id="input" class="text" style="width: 100px; text-align: right;"></td> 
     </tr> 

我感謝所有幫助。

Answer 1

$("select").keypress(function(e){ 

var key = (e.which) ? e.which : e.keyCode; 

// If keycode is 13, this means it's "enter" 
if(key == 13) 
    $(this).next().focus(); 

}); 

Answer 2

ParPar的答案錯過了功能的「n」（我編輯它），但工程。

這裏是working example at JSFiddle。