पेज लोड (ऑनलोड?) पर Jquery चुना गया फोकस

Question

मैं एक चुनिंदा बॉक्स पर Jquery चुना गया प्लगइन का उपयोग कर रहा हूं, हालांकि मैं इसे पेज लोड पर केंद्रित करना चाहता हूं। मैं निम्नलिखित कोड का उपयोग किया है एक पाठ इनपुट ध्यान केंद्रित करने की:

onLoad="document.forms.sales_order_form.customer.focus()" 

लेकिन इस सलेक्ट बॉक्स के लिए काम नहीं करता है: अपने पहले उदाहरण (मानक सलेक्ट बॉक्स) का उपयोग करते हैं

<select data-placeholder="Select a Customer..." class="chzn-select" name="customer" style="width:400px;"> 
    <option value=""></option> 
</select> 

Answer 1

आप उपयोग कर सकते हैं:

jQuery(document).ready(function($) { 
    $('.chzn-drop .chzn-search input[type="text"]').focus(); 
}) 

Answer 2

यह पूरी तरह से समस्या का समाधान कर मेरे लिए:

$('.chzn-drop .chzn-search input[type="text"]').focus(); 
$('.chzn-container').addClass('chzn-container-active'); 

Answer 3

<select id="myselect"> 
    <option value="1">abc</option> 
    <option value="2">def</option> 
    <option value="3">ghi</option> 
</select> 

... 

     $("#myselect_chzn").children('.chzn-drop').children('.chzn-search').children('input[type="text"]').focus(); 
     $("#myselect_chzn").addClass('chzn-container-active'); 

चुना बनाता divs का मालिक है और उन divs

Answer 4

यह मेरे लिए काम किया के लिए "select_ID_chzn" में अपने "select_ID" धर्मान्तरित:

$("select.ProductIDDropDown").chosen(); 
$("select.ProductIDDropDown").trigger("liszt:activate"); 

या यह

$("select.ProductIDDropDown").chosen().trigger("liszt:activate"); 

Answer 5

यह करने के लिए छोटा क्या मेरे लिए काम किया

jQuery("#fltrPerson_chzn a").addClass("chzn-single-with-drop"); 
         jQuery(".chzn-drop").css({ 
          "left": "0px", 
          "top": "24px" 
         }); 

Answer 6

चुना 1.0 में, इस आदेश अब है:

$('.my_select_box').trigger('chosen:activate'); 

देखें here।

Answer 7

मैं इस परियोजना के लिए अपनी परियोजना में से किसी एक में उपयोग करने के लिए स्टैक ओवरव्लो में खोज कर रहा हूं। बहुत कुछ खोजने के बाद मैंने कुछ सीखा है लेकिन मुझे कोई उचित समाधान नहीं मिला है। आखिरकार मैंने अपनी समस्या को निम्नानुसार तय कर दिया है:

मैं "jquery-1.10.2.min.js" और "Chosen v1.0.0" का उपयोग कर रहा हूं। मेरे कोड में मेरे पास <select id="sel_product"> है और jquery $("#sel_product").chosen() में है। फोकस मैं जोड़ लिया है जोड़ने के लिए तत्व का मेरा पहचान पत्र के बाद '_chosen' और निम्न फ़ंक्शन को कॉल करें:

$('#sel_product_chosen a.chosen-single').focus(); 

मेरे अंतिम कोड है:

$(document).ready(function(){ 
    $("#sel_product").chosen(); 
    $('#sel_product_chosen a.chosen-single').focus(); 
}); 

अब यह पूरी तरह से काम कर रहा है।