MultiSelect con CSS y jQuery UI

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

Tags:  ,

 

Posteado el: 20/05/2010  por: Craftyman

Post Relacionados

Comentarios