2013-07-19 11 views
10

DEMO FIDDLEjQueryのフォーカスとID入力欄に選択し

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

は、フィールドに焦点を当てませんか?これを修正するには?あなたはそこにいくつかの引用符必要

答えて

19

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

}); 

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

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

また、jqueryドキュメントを準備して使用する場合は、純粋なjsメソッドの代わりにjqueryセレクタを使用することもできます。あなたはちょうどそのようなautofocus HTML属性で、JSを使用せずにそれを行うことができます

+1

二回選択する必要はありませんが - '$( '#のintrodukt')chaingingを使用)(フォーカス(選択);' – robisrob

+0

@robisrob真。。。私は正直にこれに答えることを覚えていませんが、私はそれをもっと鮮明に示すことができると信じたいと思います。誰でも、実際にこれを使用するように(あなたに基づいて)表示されているように、答えを捨てます:D – Rooster

1

:(あなたがそこに異なるIDを使用しましたが..?)

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

はここで働いてFiddle

0

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

はこのバイオリンの外観を持っている:http://jsfiddle.net/wrKac/5/

1

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

あなたはすべき連鎖jQueryのは一度だけの要素を探す必要がありますので、あなたのメソッドを呼び出します。

$(document).ready(function() 
{ 
    $('#introdukt').focus().select(); 
}); 
関連する問題