2013-07-19 88 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改回來,從你的介紹開始。

另外,如果您打算使用jquery文檔準備好,您可以使用jquery選擇器而不是純js方法。

+1

無需兩次選擇 - 使用chainging'$( '#introdukt')專注()選擇();' – robisrob

+0

@robisrob如此。我真的不記得回答這個問題,但我想相信我這樣做是爲了更清楚地表現出來。無論如何,我會根據你的觀點(基於你)推薦人們實際使用這個答案:D – Rooster

1

你在這裏需要一些報價:

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

這裏的工作Fiddle(雖然你已經使用上有..不同的ID?)

0

你可以做到這一點,而不使用JS,只是這樣的autofocus HTML屬性:

<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(); 
}); 
相關問題