Jquery Wybrany fokus na ładowanie strony (onLoad?)

Question

Używam plugin Jquery Chosen w polu wyboru, jednak chciałbym skupić się na załadowaniu strony. Użyłem poniższy kod, żeby skupić się wpisywanego tekstu:

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

Ale to nie działa na polu wyboru:

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

Answer 1

Jeśli używasz pierwszy przykład (norma Zaznacz pole) Cię można użyć:

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

Answer 2

To rozwiązuje problem całkowicie dla mnie:

$('.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 tworzy posiada div i konwertuje "select_ID" na "select_ID_chzn" dla tych div

Answer 4

Ten pracował dla mnie:

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

lub skrócić go do

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

Answer 5

tym to zadziałało dla mnie

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

Answer 6

w wybranym 1.0, ta komenda jest teraz:

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

Zobacz here.

Answer 7

Szukałem w StackOverflow, aby to rozwiązanie zostało użyte w jednym z moich projektów. Po wielu poszukiwaniach nauczyłem się czegoś, ale nie mam odpowiedniego rozwiązania. W końcu naprawiłem mój problem w następujący sposób:

Używam "jquery-1.10.2.min.js" i "Chosen v1.0.0". W moim kodzie mam <select id="sel_product"> oraz w jquery $("#sel_product").chosen(). Dodawania ostrości Dodałem „_chosen” po moim ID elementu i wywołać następujące funkcje:

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

Moja ostatnia kod jest:

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

Teraz wszystko działa idealnie.