将焦点移至特定字段

时间:2010-07-30 19:57:54

标签: javascript jquery

我有一个按钮,可以在页面上添加显示表单。如何在单击该按钮时将焦点移动到表单的第一个字段?

简单的例子:

HTML:

<form style="display:none;" id="newForm">
   <input type="text" id="firstField">
</form>
<input type="button" id="showForm" value="add new">

jQuery的:

 $("#showForm").click(function(){
     $("#newForm").show();
     //move focus??
});

3 个答案:

答案 0 :(得分:11)

可能是这样的:

$("#newForm input:first").focus();

答案 1 :(得分:7)

更快的查找就是。

$('#firstField').focus()

但是,如果您从元素中删除了ID,那么这会更好但稍慢。

$('#newForm input:first').focus();

答案 2 :(得分:2)

试试这个:

$('input#firstfield').focus();