40+ jQuery Select/Multiselect Boxes - Free Code + Demos

Collection of 40+ jQuery Select/Multiselect Boxes. All items are 100% free and open-source.

1. Dropdown Menu Interaction

jQuery Select/Multiselect Boxes - Dropdown menu interaction
Author: Aaron Iker (aaroniker)
Created on: August 19, 2019
Made with: HTML, SCSS, JS
Tags: menu, dropdown, animation, select, interface

3. Select Dropdown - JQuery Select

jQuery Select/Multiselect Boxes - Select Dropdown - JQuery Select
Author: Aaron Iker (aaroniker)
Created on: October 21, 2018
Made with: HTML, SCSS, JS

4. Transforming Select Fields Using DL, DT & DD + Some JQuery

jQuery Select/Multiselect Boxes - Transforming select fields using DL, DT & DD +  some jQuery
Just a little form to show how I like to use DL, DT and DD elements to hack browser select fields into something purdy.
Author: Heath (fantaskis)
Created on: May 29, 2018
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: codepenchallenge, cpc-dt-dd

5. Responsive Custom Select Box With Custom Scroll

jQuery Select/Multiselect Boxes - Responsive custom select box with custom scroll
Author: Dejan Babić (microfront)
Created on: December 15, 2017
Made with: HTML, SCSS, JS
Tags: custom-select-box, select-box, custom scroll, responsive select box, select box with custom scroll

6. Animated Selected Box - JQuery Multiselect Box

jQuery Select/Multiselect Boxes - Animated Selected Box - JQuery Multiselect Box
Author: Luís Carvalho (luiscarvalho)
Created on: October 26, 2017
Made with: HTML, CSS, JS

7. Select-Boxes

jQuery Select/Multiselect Boxes - Select-Boxes
Author: Nipun Paradkar (radiantshaw)
Created on: July 23, 2016
Made with: HTML, CSS, JS

8. Material Design Select Box

jQuery Select/Multiselect Boxes - Material design select box
Google material design select box build to be used in forms. Forked from Veiko's Pen Google Material Design SELECT's. This is now part of http://npmjs.com/package/material-react
Author: Valentin Mocanu (rontav)
Created on: August 11, 2015
Made with: HTML, SCSS, JS
Tags: material, material design, css3, forms, select-box

9. Select - Multiselect CSS

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
Created on: March 4, 2012

10. Selectize

Selectize is the hybrid of a textbox and
Created on: August 29, 2012

11. Bootstrap Select

:rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.
Created on: September 26, 2012

12. Multiple Select

A jQuery plugin to select multiple elements with checkboxes :)
Created on: April 18, 2013

13. JQuery Select Box Plugin

A jQuery Select Box Plugin for Mobile, Tablet, and Desktop
Created on: March 22, 2012

14. JQuery Selectric

jQuery plugin for easy manipulation and customization of HTML selects
Created on: March 28, 2012

15. Custom Select Box CSS Style Plugin

jQuery Select/Multiselect Boxes - Custom Select Box CSS Style Plugin
Lightweight, unobtrusive, custom style select boxes with jQuery
Created on: March 26, 2012

16. JQuery Nice Select

A lightweight jQuery plugin that replaces native select elements with customizable dropdowns.
Created on: September 16, 2015

17. Chained

Chained Selects for jQuery and Zepto
Created on: April 13, 2010

18. JQuery Selectbox

A jQuery plugin for replacing
Created on: April 13, 2011

19. Select Or Die

Yet another jQuery plugin to style select elements. Demo at http://vst.mn/selectordie/
Created on: April 26, 2014

20. Simple Drop Down Effects

jQuery Select/Multiselect Boxes - Simple Drop Down Effects
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.
Created on: November 29, 2012

21. JQuerySumoSelect

A jQuery Single/Multi Select plugin which can be used on almost any device
Created on: April 9, 2014

22. Minimalect

Minimal select replacement for jQuery
Created on: May 19, 2013

23. Multiselect

jQuery multiselect plugin with two sides. The user can select one or more items and send them to the other side.
Created on: March 21, 2013

24. JQuery Multiselect

Turn a multiselect list into a nice and easy to use list with checkboxes.
Created on: October 16, 2014

25. Selectator

Selectator is a jQuery-based replacement for select boxes
Created on: December 13, 2013

26. Custom Select Box JQuery Plugin By Vj

jQuery Select/Multiselect Boxes - Custom Select Box JQuery Plugin By Vj
Custom select box Jquery Plugin by VJ
Author: Vijaya Kumar Vulchi (vulchivijay)
Created on: January 4, 2016
Made with: HTML, Less, JS
Tags: custom select box jquery plugin, custom selectbox, selectbox, html selectbox

27. Dropdown With Multiple Checkbox Select With JQuery

jQuery Select/Multiselect Boxes - Dropdown with Multiple checkbox select with jQuery
Dropdown with Multiple checkbox select with jQuery.
Author: Mahmoud Elmahdi (elmahdim)
Created on: May 26, 2013
Made with: HTML, CSS, JS
Tags: jquery, form, dropdown, checkbox

28. Select Boxes

jQuery Select/Multiselect Boxes - Select boxes
Author: Brux Feeblewitz (bfeeblewitz)
Created on: March 14, 2016
Made with: HTML, CSS, JS

29. Select Styling Jquery

jQuery Select/Multiselect Boxes - Select styling jquery
Styling form selectbox with css & jquery
Author: pvrt (pvrt)
Created on: August 13, 2014
Made with: Haml, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Haml
Tags: jquery, select, form, css, selectbox

30. Jquery.selectBoxIt.js

A jQuery Select Box Plugin for Mobile, Tablet, and Desktop
Created on: March 22, 2012

31. Jquery.selectBoxIt.js

A jQuery Select Box Plugin for Mobile, Tablet, and Desktop
Created on: March 22, 2012

32. JQuery-Date-Select-Boxes-Plugin

A simple way to implement smart date select boxes. Given month, day, and year select boxes, this plugin will automatically populate the day select box with the proper amount of days for a given year and month combination, taking leap years into account.
Created on: March 29, 2011

33. Jquery-multi-select

Converts
Created on: September 29, 2016

35. FSelect

A jQuery dropdown multiselect library
Created on: August 17, 2015

36. Multi-select

Multi-select is a JQuery plugin to provide interface for using lists with the multiple selection.
Created on: January 26, 2018

37. Multiselect-combo-box

A multi select combo box web component based on Polymer and the vaadin-combo-box
Created on: December 26, 2018

Select Box Examples

1. Dropdown Menu Interaction

jQuery Select/Multiselect Boxes - Dropdown menu interaction
Author: Aaron Iker (aaroniker)
Created on: August 19, 2019
Made with: HTML, SCSS, JS
Tags: menu, dropdown, animation, select, interface

3. Select Dropdown - JQuery Select

jQuery Select/Multiselect Boxes - Select Dropdown - JQuery Select
Author: Aaron Iker (aaroniker)
Created on: October 21, 2018
Made with: HTML, SCSS, JS

4. Transforming Select Fields Using DL, DT & DD + Some JQuery

jQuery Select/Multiselect Boxes - Transforming select fields using DL, DT & DD +  some jQuery
Just a little form to show how I like to use DL, DT and DD elements to hack browser select fields into something purdy.
Author: Heath (fantaskis)
Created on: May 29, 2018
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: codepenchallenge, cpc-dt-dd

5. Responsive Custom Select Box With Custom Scroll

jQuery Select/Multiselect Boxes - Responsive custom select box with custom scroll
Author: Dejan Babić (microfront)
Created on: December 15, 2017
Made with: HTML, SCSS, JS
Tags: custom-select-box, select-box, custom scroll, responsive select box, select box with custom scroll

6. Animated Selected Box - JQuery Multiselect Box

jQuery Select/Multiselect Boxes - Animated Selected Box - JQuery Multiselect Box
Author: Luís Carvalho (luiscarvalho)
Created on: October 26, 2017
Made with: HTML, CSS, JS

7. Select-Boxes

jQuery Select/Multiselect Boxes - Select-Boxes
Author: Nipun Paradkar (radiantshaw)
Created on: July 23, 2016
Made with: HTML, CSS, JS

8. Material Design Select Box

jQuery Select/Multiselect Boxes - Material design select box
Google material design select box build to be used in forms. Forked from Veiko's Pen Google Material Design SELECT's. This is now part of http://npmjs.com/package/material-react
Author: Valentin Mocanu (rontav)
Created on: August 11, 2015
Made with: HTML, SCSS, JS
Tags: material, material design, css3, forms, select-box

Select Box Plugins

1. Select - Multiselect CSS

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
Created on: March 4, 2012

2. Selectize

Selectize is the hybrid of a textbox and
Created on: August 29, 2012

3. Bootstrap Select

:rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.
Created on: September 26, 2012

4. Multiple Select

A jQuery plugin to select multiple elements with checkboxes :)
Created on: April 18, 2013

5. JQuery Select Box Plugin

A jQuery Select Box Plugin for Mobile, Tablet, and Desktop
Created on: March 22, 2012

6. JQuery Selectric

jQuery plugin for easy manipulation and customization of HTML selects
Created on: March 28, 2012

7. Custom Select Box CSS Style Plugin

jQuery Select/Multiselect Boxes - Custom Select Box CSS Style Plugin
Lightweight, unobtrusive, custom style select boxes with jQuery
Created on: March 26, 2012

8. JQuery Nice Select

A lightweight jQuery plugin that replaces native select elements with customizable dropdowns.
Created on: September 16, 2015

9. Chained

Chained Selects for jQuery and Zepto
Created on: April 13, 2010

10. JQuery Selectbox

A jQuery plugin for replacing
Created on: April 13, 2011

11. Select Or Die

Yet another jQuery plugin to style select elements. Demo at http://vst.mn/selectordie/
Created on: April 26, 2014

12. Simple Drop Down Effects

jQuery Select/Multiselect Boxes - Simple Drop Down Effects
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.
Created on: November 29, 2012

13. JQuerySumoSelect

A jQuery Single/Multi Select plugin which can be used on almost any device
Created on: April 9, 2014

14. Minimalect

Minimal select replacement for jQuery
Created on: May 19, 2013

15. Multiselect

jQuery multiselect plugin with two sides. The user can select one or more items and send them to the other side.
Created on: March 21, 2013

16. JQuery Multiselect

Turn a multiselect list into a nice and easy to use list with checkboxes.
Created on: October 16, 2014

17. Selectator

Selectator is a jQuery-based replacement for select boxes
Created on: December 13, 2013