Jquery Chosenはページの読み込みに重点を置いています（onLoad？）

Question

私は選択ボックスでJquery Chosenプラグインを使用していますが、これはページの読み込みに集中したいと思います。私は、テキスト入力を集中するには、次のコードを使用しました：

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'); 

はdivを所有しており、これが私のために働いたもののdiv

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

私はこのソリューションを私のプロジェクトの1つで使用するためにStackOverflowを検索しています。多くを検索した後、私は何かを学んだが、適切な解決策を得ていない。最後に私は次のように問題を解決しました：

私は"jquery-1.10.2.min.js"と"Chosen v1.0.0"を使用しています。私のコードでは<select id="sel_product">、jqueryは$("#sel_product").chosen()です。フォーカスを追加するために、私は要素の私のIDの後に「_chosen」と次の関数を呼び出す追加しました：

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

私の最終的なコードは次のとおりです。

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

今では完璧に働いています。