jQuery Selectric
Selectric es un plugin de jQuery creado para ayudar a estilizar y manipular los elementos HTML selects o dropdowns.
Para añadirlo a tu página Web es tan sencillo como añadir en la cabecera o <head> de tu página la librería jQuery, el plugin y su llamada:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.selectric.js"></script>
<script type="text/javascript">
$(function(){
$('select').selectric();
});
</script>
En la página oficial puedes elegir un theme de los disponibles o customizarlo al 100%. Esos estilos deberás descargarlos y añadirlos también a tu página.
Luego en el <body> montaremos nuestro select como lo sueles hacer normalmente:
<select name="country"> <option value=""></option> <option value="United States">United States</option> <option value="United Kingdom">United Kingdom</option> <option value="Afghanistan">Afghanistan</option> ... </select>
Obteniendo como resultado por ejemplo:
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
26 artículos que te podrían interesar
Ver más sobre
Deja una respuesta