Jquery Chosen focus sul caricamento della pagina (onLoad?)

Question

Sto utilizzando il plug-in Jquery scelto su una casella di selezione, tuttavia vorrei concentrarlo sul caricamento della pagina. Ho usato il seguente codice per mettere a fuoco un input di testo:

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

Ma questo non funziona per la casella di selezione:

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

Answer 1

Se la vostra utilizzando il primo esempio (casella di selezione standard) si può usare:

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

Answer 2

questo risolve il problema del tutto per me:

$('.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'); 

Chosen crea possiede div e converte il vostro "select_ID" in "select_ID_chzn" per quei div

Answer 4

questo ha funzionato per me:

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

o accorciare a

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

Answer 5

questo è ciò che ha funzionato per me

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

Answer 6

In Chosen 1.0, questo comando è ora:

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

Vedi here.

Answer 7

Ho cercato StackOverflow per questa soluzione da utilizzare in uno dei miei progetti. Dopo aver cercato molto ho imparato qualcosa ma non ho trovato una soluzione adeguata. Finalmente ho risolto il mio problema come segue:

Sto usando "jquery-1.10.2.min.js" e "Chosen v1.0.0". Nel mio codice ho <select id="sel_product"> e in jquery $("#sel_product").chosen(). Per l'aggiunta di messa a fuoco ho aggiunto '_chosen' dopo il mio ID dell'elemento e chiamare la funzione seguente:

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

Il mio codice finale è:

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

Ora è perfettamente funzionante.