webentwicklung-frage-antwort-db.com.de

JQuery fokussieren und im ID-Eingabefeld auswählen

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

Konzentriert sich nicht auf das Feld? Wie kann ich das korrigieren? 

12
secr

Geige arbeiten

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

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

});

sie haben Selektoren nicht richtig verwendet. überprüfe meine Geige.

ich habe auch die ID in Ihrer Geige geändert, um das, was Sie hatten, einzuführen.

wenn Sie jquery document ready verwenden, können Sie auch den Jquery-Selektor anstelle der reinen js-Methode verwenden.

23
Rooster

Sie sollten Ihre Methodenaufrufe verketten, da jQuery nur einmal nach dem Element suchen muss.

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

Sie brauchen ein paar Anführungszeichen: 

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

Hier ist eine funktionierende Fiddle (Obwohl Sie dort eine andere ID verwendet haben ...?)

1
George

überprüfe das aktualisierte Skript 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()
});
1
Jothi Kannan

Sie können dies auch ohne js tun, nur mit dem Attribut autofocus html:

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

Schauen Sie sich diese Geige an: http://jsfiddle.net/wrKac/5/

0
Lucas Willems