How to set focus on user control textbox in aspx page?

Question

How can I set focus on asp:TextBox which is placed inside a user control by using jquery/JavaScript function in aspx page?

score 9 · Accepted Answer · edited May 23 '17 at 10:28

9

You can use id selector and use focus() method. For using jQuery you need to include jQuery and ensure your element is available in DOM before you access it. You can use document.ready for that.

$('#txt1').focus();

Or using plain JavaScript, focus()

document.getElementById('txt1').focus();

If you do not have ClientIDMode = static then you will need to use ClientID

$('#<%= txt1.Client %>').focus();

edited May 23 '17 at 10:28

Community

1
1

answered Aug 19 '13 at 09:13

Adil

146,340
25
209
204

You might need to use ClientID, make sure you replace txt1 with your control id. – Adil Aug 19 '13 at 10:02
Adil i also tried "$('#<%= txt1.Client %>').focus();" as u said in the above response but its giving same error,according to me its not able to find textbox with the given id and thats why its giving that error. – Sid M Aug 19 '13 at 10:36

score 1 · Answer 2 · answered Aug 19 '13 at 09:20

1

You can try with jQuery :

$('#txt').focus();

answered Aug 19 '13 at 09:20

Pouki

1,654
12
18

You have to replace "#txt" with the real ID of the control to focus. ie: `$('#<%= txt.ClientID %>').focus();` if your asp control has the name `txt` – Pouki Aug 19 '13 at 11:40
yeah i replaced "#txt" with my textbox id and also tried "$('#<%= txt.ClientID %>').focus();", however the error still persists. – Sid M Aug 19 '13 at 11:53
– Sid M Aug 19 '13 at 12:26

score 0 · Answer 3 · edited Jun 18 '14 at 14:18

0

function myfocus2() {
 $('#<%=TextBox2.ClientID %>').focus();
}

There should be no space between = and TextBox2.

edited Jun 18 '14 at 14:18

Sid M

4,354
4
30
50

answered Sep 23 '13 at 11:52

debabrata

1

How to set focus on user control textbox in aspx page?

3 Answers3