JQuery focus and select on id input field

secr picture secr · Jul 19, 2013 · Viewed 66.1k times · Source

DEMO FIDDLE

<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?

Answer

Rooster picture Rooster · Jul 19, 2013

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.