Comments on: Set focus on first field with jQuery

By: Heitor

Heitor — Wed, 28 Dec 2011 13:10:30 +0000

Almost 8 months late but…

$(“select:first”).focus();

johnsmithpeterkay — Tue, 31 May 2011 18:11:08 +0000

Hi, I am trying to set the focus in dropdown using Jquery. Can any one help me out.

Sam — Thu, 30 Dec 2010 00:52:44 +0000

This is the correct code that works.

#input refers to the name of the id attribute for the input field.

//set focus to first input box
$(‘#input’).focus();
$(“#input:text:visible:first”).focus();

A live demo can be seen here: http://blogoola.com/signup/

Chuck — Tue, 14 Dec 2010 09:09:57 +0000

Dead simple; works perfectly. Thanks!

Harry — Mon, 11 Oct 2010 13:09:40 +0000

nice tip

vlado — Sun, 08 Aug 2010 07:54:40 +0000

@Bill

I think what you need is:
$(“input[name='myname']“).focus()

Bill — Sat, 07 Aug 2010 14:57:49 +0000

How would you do this to a named input field? Or should I assign it a class or id value?

I would rather do it by its name.

Thanks.
Bill

Set focus on first field with Prototype « Kolodvor — Sat, 02 Jan 2010 14:33:50 +0000

[...] you are using jQuery see this [...]

Kevin Peno — Wed, 23 Dec 2009 22:19:49 +0000

Correction, I meant to remove the :text part of my query. Should be:

$(“:input:visible:first”).focus();

Kevin Peno — Wed, 23 Dec 2009 22:16:21 +0000

“how about $(”input:text:visible:first”).focus();?”

Actually, that should be: $(“:input:text:visible:first”).focus();

This will grab focus to the first form field, regardles sof type (select, input, textarea).