web-dev-qa-db-ja.com

JQueryフォーカスと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"  />

フィールドに焦点を合わせていませんか？これを修正するには？

jqueryinputautofocus
13
secr

作業フィドル

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

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

});

あなたはセレクタを正しく使用していませんでした。私のフィドルをチェックしてください。

また、私はあなたのフィドルのIDをあなたが持っていたものからintroduktに戻しました。

また、jqueryドキュメントをすぐに使用する場合は、純粋なjsメソッドの代わりにjqueryセレクターを使用することもできます。

24
Rooster

JQueryは要素を1回だけ検索する必要があるため、メソッド呼び出しをチェーンする必要があります。

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

引用符が必要です：

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

Fiddle （ここで別のIDを使用していますが...？）

1
George

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

次のような autofocus html属性を使用するだけで、jsを使用せずに実行できます。

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

このフィドルをご覧ください： http://jsfiddle.net/wrKac/5/

0
Lucas Willems