Post thumbnail: 17 jQuery Select/Multiselect Box Plugins

17 jQuery Select/Multiselect Box Plugins

Collection of free jQuery select/multiselect box plugins.

Demo image: Select2
Made by
  • fk, jpic, kevin-brown
Github activity
  • 22000 stars
  • 831 watchers
About the plugin

Select2

Select2 is a jQuery-based replacement for select boxes. It supports searching, remote data sets, and pagination of results.

Features
  • in your language (over 40 languages)
  • remote data support
  • theming (fully skinnable)
  • fully extensible
  • dynamic item creation
  • full browser support (including Internet Explorer 8)
Demo image: Selectize
Made by
  • selectize
Github activity
  • 10753 stars
  • 335 watchers
About the plugin

Selectize

Selectize is the hybrid of a textbox and select box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.

Features
  • smart option searching/ranking
  • caret between items
  • select & delete multiple items at once
  • item creation
  • remote data loading
  • clean API & code
  • extensible
  • touch support
Demo image: Bootstrap Select
Made by
  • Silvio Moreto
Github activity
  • 6971 stars
  • 338 watchers
About the plugin

Bootstrap Select

Bootstrap-select is a jQuery plugin that utilizes Bootstrap's dropdown.js to style and bring additional functionality to standard select elements.

Demo image: Multiple Select
Made by
  • 文翼
Github activity
  • 1424 stars
  • 90 watchers
About the plugin

Multiple Select

A jQuery plugin to select multiple elements with checkboxes.

Features
  • default option allows to show checkbox
  • ability to grouping elements
  • supports to show multiple items in single row
  • select all options
  • feature to show placeholder
Demo image: jQuery Select Box Plugin
Made by
  • Greg Franko
Github activity
  • 869 stars
  • 61 watchers
About the plugin

jQuery Select Box Plugin

A jQuery plugin that progressively enhances an HTML select box into a single option dropdown list. The dropdown list can be optionally styled with Twitter Bootstrap, jQueryUI ThemeRoller, or jQuery Mobile, optionally animated with jQueryUI show/hide effects, and works on desktop, tablet, and mobile browsers.

Features
  • styleable with Twitter Bootstrap, jQueryUI Themeroller, and jQuery Mobile
  • supports desktop, tablet, and mobile browsers
  • supports all jQuery and jQueryUI show/hide effects (optional)
  • supports all Twitter Bootstrap (Glyphicons) and jQueryUI/custom icons
  • includes ARIA (Accessible Rich Internet Applications) support
  • full keyboard search and navigation support
  • an event API triggered on the original select box element that calls the plugin
  • a method API providing methods to interact with the dropdown list (i.e. Search, Open, Disable, Set Options)
  • passes jsHint with no errors
  • selected, disabled, and optgroup support
  • easily extendable to allow developers to create new widgets
Demo image: jQuery Selectric
Made by
  • Leonardo Santos
Github activity
  • 629 stars
  • 37 watchers
About the plugin

jQuery Selectric

jQuery Selectric is a jQuery plugin designed to help at stylizing and manipulating HTML selects.

Features
  • keyboard navigation (Up/Down/Left/Right/Word search)
  • easily customizable
  • pretty lightweight
  • options box always stay visible
  • doesn't rely on external libraries (besides jQuery)
  • word search works with western latin characters set (for example: á, ñ, ç...)
Demo image: Custom Select Box CSS Style Plugin
Made by
  • Adam Coulombe
Github activity
  • 615 stars
  • 44 watchers
About the plugin

Custom Select Box CSS Style Plugin

Lightweight, unobtrusive, custom style select boxes with jQuery.

Demo image: jQuery Nice Select
Made by
  • Hernán Sartorio
Github activity
  • 569 stars
  • 28 watchers
About the plugin

jQuery Nice Select

A lightweight jQuery plugin that replaces native select elements with customizable dropdowns.

Demo image: Chained
Made by
  • Mika Tuupola
Github activity
  • 560 stars
  • 42 watchers
About the plugin

Chained

Chained is simple plugin for chained selects. It works with both jQuery and Zepto. You can choose from two different versions. Use jquery.chained.js if you do not want to make external queries for setting content of child selects. This version uses data attirbutes to decide the content.

Demo image: jQuery SelectBox
Made by
  • Marc J. Schmidt
Github activity
  • 558 stars
  • 26 watchers
About the plugin

jQuery SelectBox

A jQuery plugin for replacing select elements.

Features
  • supports OPTGROUPS
  • supports standard dropdown controls
  • supports multi-select controls (i.e. multiple="multiple")
  • supports inline controls (i.e. size="5")
  • fully accessible via keyboard
  • shift + click (or shift + enter) to select a range of options in multi-select controls
  • type to search when the control has focus
  • auto-height based on the size attribute (to use, omit the height property in your CSS)
Demo image: Select-or-Die
Made by
  • Per
Github activity
  • 551 stars
  • 21 watchers
About the plugin

Select-or-Die

Yet another jQuery plugin to style select elements.

Demo image: Simple Drop Down Effects
Made by
  • Codrops
Github activity
  • 443 stars
  • 42 watchers
About the plugin

Simple Drop Down Effects

A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.

Demo image: jquery.sumoselect
Made by
  • Hemant Negi
Github activity
  • 412 stars
  • 44 watchers
About the plugin

jquery.sumoselect

A jQuery plugin that progressively enhances an HTML select box into a single/multiple option dropdown list. The dropdown list can be fully customizable using simple CSS.

Features
  • inline search
  • optgroup support
  • single and multi select option
  • fully customizable by simple CSS
  • supports almost all devices
  • intelligently renders itself according to the devices
  • renders native single/multiple pop up on Android, iOS, Windows and other devices
  • custom postback data format (multiple select data can be passed either as csv or default select)
  • selected, disabled, and placeholder support
  • easily extendable to allow developers to create new widgets
Demo image: Minimalect
Made by
  • Oskari Groenroos
Github activity
  • 372 stars
  • 19 watchers
About the plugin

Minimalect

Minimal select replacement for jQuery.

Features
  • replace select elements with a nicer styled control
  • support for optgroups
  • filtering choices by typing
  • keyboard navigation
  • support for themes
Demo image: Multiselect
Made by
  • Adrian Crisan
Github activity
  • 208 stars
  • 21 watchers
About the plugin

Multiselect

jQuery multiselect plugin with two sides. The user can select one or more items and send them to the other side.

Demo image: jQuery MultiSelect
Made by
  • nobleclem
Github activity
  • 109 stars
  • 17 watchers
About the plugin

jQuery MultiSelect

Turn a multiselect list into a nice and easy to use list with checkboxes. This plugin is simply an alternative interface for the native select list element. When you check an option in the plugin the value is selected on the native list. This allows the value to be submitted in a form as well as retreived through normal POST/GET and javascript methods.

Demo image: Selectator
Made by
  • QODIO
Github activity
  • 79 stars
  • 10 watchers
About the plugin

Selectator

Selectator is a jQuery-based replacement for select boxes. It supports searching, custom renderers, remote data (ajax), search delay, minimum search length, selection remove/clear and placeholders. It affects the original select box directly, which is used as the data container.

Back to top