jQuery UI Multiselect

jQuery UI Multiselect: "- Enviado mediante la barra Google"

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.

1. Incluir las librerías JavaScript y CSS

view plaincopy to clipboardprint

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

2. Estructura HTML

view plaincopy to clipboardprint

1. <select id="tags" name="tags[]" class="multiselect" multiple="multiple">
2. <option value="css">CSSoption>
3. <option value="php">PHPoption>
4. <option value="javascript">JavaScriptoption>
5. <option value="seo">SEOoption>
6. <option value="wordpress">WordPressoption>
7. <option value="socialmedia">SocialMediaoption>
8. select>

     CSS     PHP     JavaScript     SEO     WordPress     SocialMedia  

Esto es todo lo que necesitamos para nuestro demo.