Afficher/Masquer Les Select2
Je veux cacher ou montrer mon select2, mais je ne peux pas trouver une méthode dans l'API. Je suis à l'aide d'une solution de contournement, en cachant le parent, comme ceci:
$(document).on('change', '.country', function () {
if ($(this).val() == $(this).data('current-countryCode')) {
$('#states').parent().show();
}
else {
$('#states').parent().hide();
}
});
Mais j'aimerais savoir si quelqu'un pouvait l'aider ou s'il existe encore une telle méthode dans l'API.
Vous devez vous connecter pour publier un commentaire.
Je faire quelque chose de similaire, cependant je cacher la select2 conteneur qui est toujours le prochain nœud-dessus du point de départ, de sorte qu'il pourrait ressembler.
Donc j'ai pris la même approche que vous avez
Cela a fonctionné pour moi..
Encore une solution de contournement – vous pouvez ajouter une classe à select2 objet lors de la création
...et puis le cacher quand vous voulez avec
Le problème, c'est que vous avez à cacher tous les éléments associés à la select2 déroulante (d'autant que le plugin génère à faire de la magie).
Je l'ai résolu en utilisant une div qui contient le select2 liste déroulante et afficher/masquer cette div.
Plus facile par l'extension $.fn
Puis il suffit d'appeler sur l'élément select.
ou