2013-07-19 14 views
10

DEMO FIDDLEJQuery फोकस और आईडी इनपुट क्षेत्र

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

}); 

(आप .. वहाँ पर एक अलग आईडी का उपयोग किया है हालांकि?) अपने चयनकर्ताओं का सही उपयोग नहीं कर रहे थे। मेरी पहेली की जांच करें।

भी, मैंने आपके बेड़े में आईडी को आपके द्वारा किए गए कार्यों से वापस करने के लिए बदल दिया।

भी, यदि आप jquery दस्तावेज़ तैयार करने जा रहे हैं तो आप शुद्ध जेएस विधि के बजाय jquery selector का भी उपयोग कर सकते हैं।

+1

दो बार चयन करने के लिए कोई जरूरत नहीं - उपयोग chainging '$ ('# introdukt') ध्यान केंद्रित() का चयन करें();' – robisrob

+0

@robisrob सच। मैं ईमानदारी से इसका जवाब याद नहीं रखता, लेकिन मुझे विश्वास है कि मैंने इसे और अधिक स्पष्ट रूप से प्रदर्शित करने के लिए ऐसा किया था। कोई भी, मैं जवाब प्रकट कर दूंगा जैसा कि यह प्रतीत होता है (आप पर आधारित) कि लोग वास्तव में इसका उपयोग करते हैं: डी – Rooster

1

तुम वहाँ में कुछ उद्धरण की जरूरत है:

document.getElementById('introdukt').focus() 
document.getElementById('introdukt').select() 
यहाँ

है एक काम Fiddle

1

जांच अद्यतन स्क्रिप्ट:

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

इस बेला के लिए एक नज़र एचटीएमएल:

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

जे एस:

$(document).ready(function() 
{ 
    document.getElementById('czasow1introdukt').focus() 
    document.getElementById('czasow1introdukt').select() 
}); 
8

आप श्रृंखला अपने विधि कॉल के बाद से jQuery केवल एक बार तत्व देखने के लिए की आवश्यकता होगी चाहिए। ।।

$(document).ready(function() 
{ 
    $('#introdukt').focus().select(); 
}); 
संबंधित मुद्दे