Domanda

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?

È stato utile?

Soluzione

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.

Altri suggerimenti

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

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

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

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()
});

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/

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top