Chosen
Chosen es un plugin para jQuery creado por Harvest que nos permite convertir nuestros campos de selección en un recurso más amigable para el usuario y con un diseño más atractivo.
Para añadir este fantástico selector de opciones a tu página Web tan solo tienes que añadir en el <head> la librería jQuery, el plugin, su llamada y los estilos necesarios.
Un ejemplo de llamada al plugin podría ser el siguiente:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="js/chosen.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".chosen-select").chosen({no_results_text:'No hay resultados para '});
});
</script>
En el <body> de nuestra página tendriamos nuestro formulario con el selector con class=»chosen-select».
<select class="chosen-select" data-placeholder="Seleccione país..." style="width:350px;" tabindex="1"> <option value=""></option> <option value="United States">United States</option> <option value="United Kingdom">United Kingdom</option> <option value="Afghanistan">Afghanistan</option> ... </select>
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
7 respuestas a “Chosen”
Deja una respuesta
26 artículos que te podrían interesar
Ver más sobre
Buenas me parece interesante el plugin pero como cargo un dato desde jquery al chosen
como puedo mostrar los datos a buscar desde mysql
a mi si me anda
Hay un problema de compatibilidad en venta modal bootstrap.
debes inicializarlo después de abrir el modal.
Saludos!
Y cómo hago para guardar seleccion multiple en mysql?
[…] un plugin muy parecido al de Chosen que ya hemos hecho mención en anteriores posts pero este incorpora más opciones o al menos su […]