Jquery Chosen se concentre sur le chargement de la page (onLoad?)

Je suis en utilisant Jquery Choisi plugin sur une boîte de sélection, cependant j'aimerais me concentrer sur ce chargement de la page. J'ai utilisé le code suivant pour le focus de saisie de texte:

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

Mais cela ne fonctionne pas pour la boîte de sélection:

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

source d'informationauteur Ross

  1. 28

    Dans Choisi 1.0, cette commande est maintenant:

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

    Voir ici.

  2. 2

    Si votre aide le premier exemple (standard boîte de sélection), vous pouvez utiliser:

    jQuery(document).ready(function($) {
    $('.chzn-drop .chzn-search input[type="text"]').focus();
})
  3. 2
    <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');

    Choisi crée détient les divs et les convertit vos "select_ID" en "select_ID_chzn" pour ceux divs

  4. 2

    Cela a fonctionné pour moi:

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

    ou la raccourcir 

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

    Cela résout complètement le problème pour moi:

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

    c'est ce qui a fonctionné pour moi

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

    J'ai été la recherche dans StackOverflow pour cette solution à utiliser dans un de mes projet. Après la recherche d'un lot que j'ai appris quelque chose, mais je n'ai pas de bonne solution. Enfin, j'ai fixé mon problème comme suit:

    Je suis en utilisant "jquery-1.10.2.min.js" et "Chosen v1.0.0". Dans mon code j'ai <select id="sel_product"> et en jquery $("#sel_product").chosen(). Pour l'ajout d'accent, j'ai ajouté '_chosen' après mon ID de l'élément et d'appeler la fonction suivante:

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

    Mon code final est:

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

    Maintenant il fonctionne parfaitement.