将焦点设置到<select>元素

Question

我有一个注册表单，第一个元素是文本框，第二个元素是下拉选项框。

当我按下回车键时，希望焦点设置在下拉选项框上。

$('#newUserId').keypress(function(event){
    if (event.which == 13)
    $('#newUserId:first').focus();
});

我已经查看了一些相关内容，甚至包括这个链接和这个链接，但是当我按回车键时，什么也不会发生。但是当我尝试将焦点设置到其他文本框元素上时，它确实改变了焦点。

我的HTML表单：

<form name='formCreateNewUser' id='formCreateNewUser' method='post' action=''>
        <label> Create New User </label> <br />
           <input autocomplete='off' name='newUserId' id='newUserId' class='newUser' 
              type='text' size='17' maxlength='17' placeholder='ID No.' 
        /> <span id='newUserIdResult'> </span><br /><br />
        <select name='newUserType' id='newUserType' class='newUser'>
           <option class='newUser' value=0>User Type</option>
           <option class='newUser' value=1>Student</option>
           <option class='newUser' value=2>Teacher</option>
           <option class='newUser' value=5>Admin</option>
        </select> <br /><br />
        <input autocomplete='off' name='newUserPass' id='newUserPass' class='newUser' 
            size='17' maxlength='17' placeholder='Password' type='password' 
        /> <br /><br />
        <input autocomplete='off' name='newUserConfPass' id='newUserConfPass' class='newUser' 
           size='17' maxlength='17' placeholder='Confirm Password' type='password' 
        /> <br /><br />
        <input autocomplete='off' name='newUserFirstName' id='newUserFirstName' class='newUser' 
           size='17' maxlength='17' placeholder='First Name' type='text' 
        /> <br /><br />
        <input autocomplete='off' name='newUserMiddleName' id='newUserMiddleName' class='newUser' 
           size='17' maxlength='17' placeholder='Middle Name' type='text' 
        /> <br /><br />
        <input autocomplete='off' name='newUserLastName' id='newUserLastName' class='newUser' 
           size='17' maxlength='17' placeholder='Last Name' type='text' 
        /> <br /><br />
        <button name='newUserSubmit' id='newUserSubmit' class='operationstylebutton' type='button' >Create User</button>
        </form>

- jaa2013

Answer 1

演示增加了一个类来实现高亮效果

$('#newUserId').keypress(function (event) {
    if (event.which == 13)
    {$('#newUserType').addClass("highlght").focus();}
});

- Satinder singh

---

你的答案可行，能否解释一下为什么我的解决方案不行呢？当我看到这个答案时，它几乎和我写的一样。谢谢。 - jaa2013

你选择了 #newUserId 而不是 #newUserType。 - Satinder singh

Answer 2

http://jsfiddle.net/o11vowsp/

$('#newUserId').on('keyup', function(e) {
    if ( e.keyCode == 13 )
    $('#newUserType').focus();
});

- waki