JQuery focus and select on id input field

Question

<script>
$(document).ready(function ()
{  
     document.getElementById(introdukt).focus()
    document.getElementById(introdukt).select()
});
</script>
<input type="text" size="12" id="introdukt" value="match" style="text-align:center"  />

Does not focus on the field? How to correct this?

Rooster · Accepted Answer · 2016-01-13T18:20:07.653

34

working fiddle

$(document).ready(function ()
{  
    $('#introdukt').focus()
    $('#introdukt').select()

    //or if you want to be more efficient and use less characters, chain it
    $('#introdukt').focus().select()

});

your weren't using selectors right. check my fiddle.

also, I changed the id in your fiddle back to introdukt from what you had.

also, if you're going to use jquery document ready you may as well use the jquery selector instead of the pure js method.

edited Jan 13 '16 at 18:20

answered Jul 19 '13 at 14:12

Rooster

9,954
8
44
71

1

no need to select twice - use chainging `$('#introdukt').focus().select();` – robisrob Jan 13 '16 at 18:03
@robisrob true. I honestly dont remember answering this, but I'd like to believe I did it like that to demonstrate more clearly. Anywho, I'll ammend the answer as it appears (based on you) that people actually use this :D – Rooster Jan 13 '16 at 18:18

score 11 · Answer 2 · answered Feb 14 '14 at 06:20

11

You should chain your method calls since jQuery will only need to look for the element once.

$(document).ready(function ()
{  
    $('#introdukt').focus().select();
});

answered Feb 14 '14 at 06:20

Derick

161
1
6

score 1 · Answer 3 · edited Feb 18 '14 at 18:39

1

You need some quotes in there:

document.getElementById('introdukt').focus()
document.getElementById('introdukt').select()

Here's a working Fiddle (Although you've used a different ID on there..?)

edited Feb 18 '14 at 18:39

animuson

53,861
28
137
147

answered Jul 19 '13 at 14:12

George

36,413
9
66
103

score 1 · Answer 4 · edited Apr 20 '16 at 12:04

1

check the updated script in jsfiddle

HTML:

<input type="text" size="12" id="czasow1introdukt" value="match" style="text-align:center"/>

JS:

$(document).ready(function ()
{  
     document.getElementById('czasow1introdukt').focus()
    document.getElementById('czasow1introdukt').select()
});

edited Apr 20 '16 at 12:04

Guna

74
11

answered Jul 19 '13 at 14:15

Jothi Kannan

3,320
6
40
77

score 0 · Answer 5 · answered Jul 19 '13 at 14:15

0

You can do it without using js, just with the autofocus html attribute like that :

<input autofocus type="text" size="12" id="introdukt" value="match" style="text-align:center"  />

Have a look to this fiddle : http://jsfiddle.net/wrKac/5/

answered Jul 19 '13 at 14:15

Lucas Willems

6,673
4
28
45

JQuery focus and select on id input field

5 Answers5