按Enter键如何跳到下一行

时间:2012-12-09 13:10:00

标签: javascript drop-down-menu

我有一个简单的表单,我希望按下输入进入下一个下拉列表。

<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>

我感谢任何帮助。

2 个答案:

答案 0 :(得分:0)

$("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();

});

答案 1 :(得分:0)

ParPar的回答错过了函数的“n”(我编辑了它)但是有效。

这是working example at JSFiddle