Comment créer une liste déroulante d'auto-complétion avec bootstrap?

Question

Pour un champ de saisie, j'ai besoin de créer une liste déroulante qui sera remplie de suggestions d'auto-complétion pour la saisie par l'utilisateur et affichée par la fonction AJAX .onkeyup.

Bien qu'il existe une documentation très claire sur la création de listes déroulantes pour les boutons, Bootstrap ne fournit pas d'explication sur la façon d'implémenter les fonctionnalités dont je vous parle. Si je l'implémente de cette façon, je peux utiliser les appels AJAX comme je le voulais, mais la liste déroulante est affichée juste après avoir cliqué sur le champ de saisie et je ne veux pas qu'elle soit visible à moins qu'elle ne soit remplie de valeurs d'auto-complétion .

<div class="dropdown"> 
    <input class="form-control dropdown-toggle" data-toggle="dropdown" type="search" id="dropdownSearch" placeholder="Search something..."> 
    <div class="dropdown-menu" aria-labelledby="dropdownSearch"> 
    <li>...</li> 
    </div> 
</div> 

Answer 1

vous pouvez utiliser jquery choisi. Cliquez sur le lien ci-dessous pour plus d'informations.

https://harvesthq.github.io/chosen/