jQuery multiselect drop down menu

by

Update (2017): The following two libraries have now become the most common drop-down libraries used with Javascript. While they are jQuery-native, they have been customized to work with everything from AngularJS 1.x to having custom CSS for Bootstrap. (Chosen JS, the original answer here, seems to have dropped to #3 in popularity.)

Obligatory screenshots below.

Select2:
Select2

Selectize:
Selectize

Original answer (2012): I think that the Chosen library might also be useful. Its available in jQuery, Prototype and MooTools versions.

Attached is a screenshot of how the multi-select functionality looks in Chosen.

Chosen library

More Related Contents:

  1. jQuery UI Autocomplete widget search configuration
  2. How to use Plugins for PopUp [closed]
  3. How can I extend jQueryUI datepicker to accept an additional argument?
  4. rocking effect in jquery? [closed]
  5. jQuery UI DatePicker – Change Date Format
  6. Twitter bootstrap remote modal shows same content every time
  7. Slide right to left?
  8. How to change the text of a button in jQuery?
  9. How to remove close button on the jQuery UI dialog?
  10. check / uncheck checkbox using jquery? [duplicate]
  11. fullcalendar multiple cell select on mobile device?
  12. jQuery draggable shows helper in wrong place after page scrolled
  13. How to Extend Twitter Bootstrap Plugin
  14. How to get the selected date value while using Bootstrap Datepicker?
  15. How to use a jQuery plugin inside Vue
  16. jqGrid iterate over the grid Data in a subgrid
  17. jQuery UI dialog positioning
  18. Simple ASP.NET MVC CRUD views opening/closing in JavaScript UI dialog
  19. How to refer to a JSF component Id in jquery? [duplicate]
  20. jQuery UI: How to change the color of a ProgressBar?
  21. SVG draggable using JQuery and Jquery-svg
  22. bootstrap-typeahead.js add a listener on select event
  23. how to get value of selected item in autocomplete
  24. Draggable revert if outside this div and inside of other draggables (using both invalid and valid revert options)
  25. Sorting Autocomplete UI Results based on match location
  26. Change Placeholder Text using jQuery
  27. How can I disable a button in a jQuery dialog from a function?
  28. Problems with jQuery autocomplete + AngularJS
  29. jQuery autohide element after 5 seconds
  30. Override jQuery .val() function?

Leave a Comment