Jquery Chosen tập trung vào tải trang (onLoad?)

Question

Tôi đang sử dụng plugin Jquery Chosen trên một hộp chọn, tuy nhiên tôi muốn tập trung vào tải trang. Tôi đã sử dụng đoạn mã sau để tập trung một đầu vào văn bản:

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

Nhưng điều này không làm việc cho các hộp chọn:

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

Answer 1

Nếu bạn sử dụng ví dụ đầu tiên (tiêu chuẩn chọn hộp) bạn có thể sử dụng:

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

Answer 2

này sửa chữa vấn đề này hoàn toàn cho tôi:

$('.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 tạo sở hữu divs và chuyển đổi của bạn "select_ID" vào "select_ID_chzn" cho những divs

Answer 4

này đã làm việc cho tôi:

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

hoặc rút ngắn nó để

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

Answer 5

này là những gì đã làm việc cho tôi

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

Answer 6

Trong Chosen 1.0, lệnh này bây giờ là:

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

Xem here.

Answer 7

Tôi đã tìm kiếm trong StackOverflow cho giải pháp này để sử dụng trong một trong các dự án của tôi. Sau khi tìm kiếm rất nhiều, tôi đã học được điều gì đó nhưng không có giải pháp thích hợp. Cuối cùng, tôi đã khắc phục sự cố của mình như sau:

Tôi đang sử dụng "jquery-1.10.2.min.js" và "Chosen v1.0.0". Trong mã của tôi, tôi có <select id="sel_product"> và trong jquery $("#sel_product").chosen(). Để thêm tập trung tôi đã thêm '_chosen' sau ID của tôi của nguyên tố này và gọi hàm sau:

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

mã cuối cùng của tôi là:

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

Bây giờ nó làm việc một cách hoàn hảo.