Plugin jQuery choisi sans champ de recherche

Question

Je ne sais pas si cela a été couvert quelque part, mais je ne l'ai pas trouvé dans la documentation et je me demandais s'il serait possible de ne pas inclure la zone de recherche avec le plugin jQuery choisi (utilisé pour styliser les entrées sélectionnées). Plus précisément, je voudrais utiliser la sélection standard sans elle.

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

Answer 1

Juste un suivi rapide: j'ai remarqué qu'en fonction

 AbstractChosen.prototype.set_default_values
 

une variable est lue

 this.options.disable_search
 

Vous pouvez donc désactiver le champ de recherche avec

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

sans utiliser de seuil à nombre fixe.

Answer 2

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

Si le nombre d'éléments de la sélection est inférieur à disable_search_threshold (ici 2 et moins), la zone de recherche ne s'affichera pas.

Answer 3

Et bien j'ai essayé avec la documentation aussi et pas de chance, donc j'ai finalement corrigé ça

$ ('. chzn-search'). hide ();

Je fais ce qui précède après avoir appelé choisi. J'espère que cela t'aides

Answer 4

J'ajoute une classe à ma feuille de style.

 .chzn-select { display: none }
 

Alternativement, pour les éléments individuels, je spécifie l'élément et ajoute _chzn pour le cibler.

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

Notez que: choisi convertira les tirets de vos identifiants et classes d'élément en tirets bas, donc pour cibler element-id vous avez besoin.

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

Answer 5

Utilisez ce code pour le désactiver:

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

et n'oubliez pas de le cacher, sinon il fonctionnera toujours sur mobile!

 .chzn-search{display: none}