0
78
VistasAutocompletar en campo de selección HTML
Tengo este campo html de selección simple, estoy aprendiendo JS, solo quiero tener un tipo de autocompletado en este campo, de modo que cuando el usuario escriba debería tener este tipo de funcionalidad, ¿se puede hacer?
<html> <body> <select> <option>USA</option> <option>India</option> <option>Canada</option> <option>UK</option> </select> </body> </html>
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
He usado esta biblioteca y la he modificado para mis necesidades. Lo modifiqué para tener una búsqueda clara y un estilo personalizado del menú desplegable. Fácil de hacer. También puedes intentarlo. https://davidstutz.github.io/bootstrap-multiselect/
A continuación se muestra el ejemplo
<!-- Initialize the plugin: --> $(document).ready(function() { $('#example-getting-started').multiselect({ enableFiltering: true, includeFilterClearBtn: false }); }); .hide { display:none;} <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/1.1.1/js/bootstrap-multiselect.min.js" integrity="sha512-fp+kGodOXYBIPyIXInWgdH2vTMiOfbLC9YqwEHslkUxc8JLI7eBL2UQ8/HbB5YehvynU3gA3klc84rAQcTQvXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <body> <select id="example-getting-started" class="hide"> <option value="usa">USA</option> <option value="india">India</option> <option value="canada">Canada</option> <option value="uk">UK</option> </select> </body>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta