Javascript 将焦点设置为<;选择>;要素
我有一个注册表单,第一个Javascript 将焦点设置为<;选择>;要素,javascript,jquery,html,Javascript,Jquery,Html,我有一个注册表单,第一个元素是文本框,第二个元素是选择 当我按下Enter键时,我希望焦点设置在select元素 $('#newUserId').keypress(function(event){ if (event.which == 13) $('#newUserId:first').focus(); }); 我也环顾四周,甚至并没有帮助,当我按下回车键时,它什么也并没有做。但是当我选中将焦点设置在其他textbox元素上时,它确实改变了焦点 我的HTML表单: <fo
元素是文本框
,第二个元素是选择
当我按下Enter键时,我希望焦点设置在select
元素
$('#newUserId').keypress(function(event){
if (event.which == 13)
$('#newUserId:first').focus();
});
我也环顾四周,甚至并没有帮助,当我按下回车键时,它什么也并没有做。但是当我选中将焦点设置在其他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>
创建新用户
用户类型
学生
老师
管理
创建用户
添加了一个用于突出显示效果的类
$('#newUserId').keypress(function (event) {
if (event.which == 13)
{$('#newUserType').addClass("highlght").focus();}
});
你的答案有效,你能解释为什么我的解决方案无效吗?当我看答案时,它几乎与我所写的内容相似。t您选择的是#newUserId
而不是#newUserType
$('#newUserId').keypress(function (event) {
if (event.which == 13)
{$('#newUserType').addClass("highlght").focus();}
});