jQuery Choisi plugin sans champ de recherche

Ne sais pas si cela a été couvert de quelque part, mais je ne pouvais pas le trouver dans la documentation, et je me demandais si il serais possible de ne pas inclure la recherche de l'entrée de la boîte avec jQuery choisi plugin (utilisé pour le style de sélectionner les entrées). Plus précisément, je voudrais utiliser la norme de sélectionner un sans elle.

http://harvesthq.github.com/chosen/

  • Juste un coup de feu dans l'obscurité: avez-vous essayez de régler une data-filter=false?
  • juste essayé.. malheureusement, ça ne fonctionne pas :\
  • Bon, alors je ne sais pas. Désolé! Bonne chance.
  • Le gunnarsson la réponse de son de la bonne façon: stackoverflow.com/a/13128429/1413049
InformationsquelleAutor bob_cobb | 2012-04-06
  1. 11

    Et bien j'ai essayé avec de la documentation ainsi et pas de chance, donc j'ai finalement fixé à cette

    $('.chzn-recherche").hide();

    Je ne le dessus après que j'appelle choisi.
    Espérons que cela aide

    • PS: C'est une solution rapide
    • C'est pas mal. Bien que probablement pas la meilleure méthode, qui fonctionne. Ne sais pas pourquoi je n'avais pas pensé à le faire plus tôt. Merci! 🙂
    • vous pouvez aussi simplement utiliser .chzn-recherche {display:none;} dans le css. cependant, l'utilisation de disable_search:vrai à l'intérieur de votre constructeur de l'objet est la bonne manière.
    InformationsquelleAutor Dhiraj
  2. 62

    Juste un suivi rapide: j'ai remarqué que dans la fonction 

    AbstractChosen.prototype.set_default_values

    une variable est en lecture de

    this.options.disable_search

    De sorte que vous pouvez désactiver le champ de recherche avec

    jQuery('select').chosen( {disable_search: true} );

    sans l'utilisation d'un nombre seuil.

    • C'est la bonne façon
    • Yep, c'est la bonne méthode
    • Comment pourrait-on apprendre sur les attributs et les propriétés? Il n'y a pas de documentation autant que je sache, seule la présentation sur github qui est trop léger et ne couvre pas tout.
    InformationsquelleAutor gunnarsson
  3. 43
    $(".chzn-select").chosen({disable_search_threshold: 3});

    Si le nombre d'élément de la sélection est plus petit que disable_search_threshold (ici 2 et moins), la zone de recherche ne s'affiche pas.

    • Qu'en ajax choisi, puis-je passer le même paramètre ici?
    InformationsquelleAutor Maxime Lafontaine
  4. 5

    - Je ajouter une classe à ma feuille de style.

    .chzn-select { display: none }

    Sinon, pour les éléments individuels, je spécifier l'élément et ajouter _chzn cibler.

    #element_chzn .chzn-select { display: none; }

    Noter que: choisi de convertir des traits d'union dans votre élément id et des classes de traits de soulignement, afin de cibler element-id vous avez besoin.

    #element_id_chzn .chzn-select { display: none; }
    • Juste pour info: cette opération supprime la capacité d'ONGLET dans la liste déroulante. J'ai d'abord essayé cela, mais une fois que je n'arrivais pas à ONGLET (le stricte des directives sur l'accessibilité), j'ai dû aller avec le disable_search option.
    InformationsquelleAutor Jef Furlong
  5. 3

    Les nouvelles versions de jquery choisi vous donne l'option pour désactiver la saisie de recherche dans la liste déroulante.

    $(".chzn-select").chosen({
   disable_search: true
});

    Versions antérieures ne prennent pas en charge cette option. Certains comment, si vous ne sont pas autorisés à utiliser la version la plus récente que vous pouvez utiliser

    $(".chzn-select").chosen({
   disable_search_threshold: 5
});

    il permet de masquer la boîte de recherche, si les résultats sont inférieurs à 5, le meilleur pour une utilisation avec le genre de type des listes déroulantes. Il y a un autre moyen de résoudre ce problème et c'est

    $(".chzn-select").chosen();
$(".chzn-select").hide();

    Appel masquer immédiatement après l'initialisation, ne sais pas pourquoi ce tour fonctionne, mais il est en train de faire ce que vous voulez!

    Je vous conseille d'utiliser la version la plus récente donc, vous avez accès aux dernières options.

    Espère que cela fonctionne pour vous!

    InformationsquelleAutor Adnan
  6. 2

    Utiliser ce code pour le désactiver:

    jQuery('select').chosen( {disable_search: true} );

    et n'oubliez pas de le cacher, sinon il va encore travailler sur mobile !

    .chzn-search{display: none}
    InformationsquelleAutor GwenM
  7. 2

    La disable_search_threshold option masque le champ de recherche pour la sélection unique des listes déroulantes. Le nombre passé en spécifie le nombre d'éléments que vous souhaitez autoriser avant d'afficher la boîte de recherche. Si vous ne voulez pas le "searchbox", il suffit de le régler à un nombre plus élevé que la quantité d'articles, de ne jamais contenir.

    $('#myDropDown').chosen({ disable_search_threshold: 10 });
    InformationsquelleAutor fotijr
  8. 2
    $('select').chosen( {disable_search: true} );
    • Bonjour, et bienvenue à débordement de pile! Ce code pourrait bien résoudre le problème, mais c'est toujours Bon de donner quelques explication du code que vous avez donné. Vous devez savoir - il y a beaucoup de débutants qui viennent à Débordement de Pile, googler pour trouver une solution à leurs problèmes, et ils peuvent apprendre une chose ou deux de votre expertise... mais seulement si vous expliquer les choses. N'oubliez pas que ce qui peut être vraiment évident pour vous, peut-être pas un newbie 🙂
    InformationsquelleAutor sami
  9. 1

    Aucun des élus,-les paramètres de cacher le champ de recherche pour plusieurs sélectionne semblait fonctionner, j'ai piraté le chosen.jquery.js dans la ligne de 577 à:

    <li class="search-field"><span class="placeholder">' + this.default_text + '</span></li>

    (Durée de la place du champ de saisie). Besoin de commenter cette ligne, trop

    this.search_field[0].disabled = false;

    Fonctionne très bien pour moi - même si ses pas la meilleure pratique pour pirater le code.

    InformationsquelleAutor Arerrac
  10. 0

    Avec la dernière Version de choisi le seul qui fonctionne pour moi:

    $('ul.chosen-choices li.search-field').hide();
    InformationsquelleAutor Darin Kolev
  11. 0

    J'ai utilisé jQuery('select').choisi( {disable_search: true} ); mais sur chrome profiler, la méthode search_field_scale a été appelé de toute façon, et de manger beaucoup de la performance.

    J'ai donc supprimer la méthode et tous les appels vers lui et remplacée par la présente.search_field.css({'width': '100%'}) sur show_search_field_default et remplacer style=25px avec style:100%
    et que
    c'.search_field.css({ 'width': '23px' }); result_select en raison de la "data-placeholder"

    fonctionne très bien pour moi.

    InformationsquelleAutor pedrolopes10