Bootstrap 4 liste déroulante avec la recherche
Comment mettre en œuvre la data-live-search="true"
dans bootstrap 4 déroulante?
Lien ci-dessous contenait une bonne explication, cependant, c'était pour Bootstrap 3.
Vous devez vous connecter pour publier un commentaire.
Que de 10. En juillet 2017, la question de la Bootstrap 4 avec
bootstrap-sélectionnez
est toujours ouverte. Dans la question ouverte, il y a quelques ad-hoc, des solutions qui vous pouvez essayer avec votre projet.Ou vous pouvez utiliser une bibliothèque comme Select2 et ajouter un thème à un match de Bootstrap 4. Voici un exemple: Sélectionnez 2 avec Bootstrap 4 (avertissement: je ne suis pas l'auteur de ce blog et je n'ai pas vérifié si cela fonctionne encore avec toutes les versions de Bootstrap 4).
De la version 1.13.1 il ya un soutien pour Bootstrap 4:
https://developer.snapappointments.com/bootstrap-select/
La mise en œuvre reste exactement le même qu'il était dans le Bootstrap 3:
Ceci est un exemple, pris sur le site du lien ci-dessus:
Vivre de recherche pour le terme de recherche " bof " ne laisser que la troisième option est visible (à cause des données-les jetons de "glaçage").
N'oubliez pas d'inclure le fichier de bootstrap-sélectionnez CDN .css et .js dans votre projet.
Je suis très heureux de voir ce live de recherche sont de nouveau disponibles, parce qu'il est très pratique lors de la présentation de grandes listes déroulantes pour l'utilisateur.
J'ai pris la réponse de PirateApp et il réutilisables. Si vous placez ce script, il va transformer tous sélectionne avec la classe".liste déroulante' consultable listes déroulantes.
HTML
Script