2014-12-23 23 views
0

我有一個註冊表單,第一個elementtextbox,第二個elementselect將焦點設置爲<select>元素

當我按下回車鍵,我想要在select元素設置焦點。

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

我也看了看四周,甚至this linkthis link沒有幫助,當我按回車鍵,它什麼都不做。但是當我檢查設置其他textbox元素的焦點時,它確實改變了焦點。

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

回答

1

Demo增加了一個類高亮效果

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

你的答案的工作,你能解釋一下爲什麼我的解決辦法沒有?當我看到答案時,它與我寫的幾乎相似。 Tnx – jaa2013

+0

你選擇的是#newUserId而不是'#newUserType' –

+0

謝謝!我很愚蠢! – jaa2013