TEDnología, Noticias sobre tecnologia, Tips web, Gadgets, Redes Sociales

MultiSelect con CSS y jQuery UI

| 3 Comments

Los MultiSelect sirven para poder elegir varios items de un select, estos son muy complicados de utilizar debido a su facilidad de seleccionar y deseleccionar, para esto podemos utilizar este plugin de jQuery que nos permite incluso ordenar y filtrar items de un MultiSelect.

MySQL, PHP Hosting

1. Incluir las librerías JavaScript y CSS

<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/ui.all.css" />
<link type="text/css" href="css/ui.multiselect.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript" src="js/ui.multiselect.js"></script>
<script type="text/javascript">
    $(function(){
        $.localise('ui-multiselect', {path: 'js/'});
        $(".multiselect").multiselect();
    });
</script>

2. Estructura HTML


Esto es todo lo que necesitamos para nuestro demo.

Ejemplo de MultiSelect con jQuery

También te puede interesar

Comentarios