web-dev-qa-db-fra.com

JQuery focus et sélection du champ de saisie id

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"  />

Ne se concentre pas sur le terrain? Comment corriger cela? 

jqueryinputautofocus
12
secr

violon de travail

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

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

});

vous n'utilisiez pas les sélecteurs correctement. regarde mon violon.

de plus, j'ai changé l'identifiant de votre violon pour revenir à ce que vous aviez.

de plus, si vous voulez utiliser le document jquery ready, vous pouvez également utiliser le sélecteur jquery au lieu de la méthode pure js.

23
Rooster

Vous devez chaîner vos appels de méthode car jQuery n'aura besoin de rechercher l'élément qu'une seule fois.

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

Vous avez besoin de citations ici: 

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

Voici un travail Fiddle (Bien que vous ayez utilisé un identifiant différent dessus??)

1
George

vérifier le script mis à jour dans 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()
});
1
Jothi Kannan

Vous pouvez le faire sans utiliser js, seulement avec l'attribut autofocus html comme celui-ci:

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

Regardez ce violon: http://jsfiddle.net/wrKac/5/

0
Lucas Willems