JQuery focus and select on id input field
68,908
Solution 1
$(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.
Solution 2
You should chain your method calls since jQuery will only need to look for the element once.
$(document).ready(function ()
{
$('#introdukt').focus().select();
});
Solution 3
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..?)
Solution 4
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()
});
Related videos on Youtube
Author by
secr
Updated on July 05, 2022Comments
-
secr almost 2 years
<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?
-
robisrob over 8 yearsno need to select twice - use chainging
$('#introdukt').focus().select();
-
Rooster over 8 years@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