Collection
Post cover
Created 4 month back

Best 28 jQuery Select/Multiselect Boxes

Collection of free jQuery select/multiselect box examples and plugins.

Post cover

Selectize

Made by: selectize

Github activity: 10753 stars; 335 watchers

Links: demo, github page

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.

Post cover

Select2

Made by: fk, jpic, kevin-brown

Github activity: 22000 stars; 831 watchers

Links: demo, github page

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

Post cover

jQuery Select Box Plugin

Made by: Greg Franko

Github activity: 869 stars; 61 watchers

Links: demo, github page

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.

Dropdown Menu Interaction

Author: Aaron Iker

Links: demo and code, dribbble shot

Made with: HTML / CSS (SCSS) / JS

Dropdown menu interaction in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

Material Design Select Box

Author: Valentin Mocanu

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, jquery.js, jquery.scrollTo.js

Post cover

jQuery Selectric

Made by: Leonardo Santos

Github activity: 629 stars; 37 watchers

Links: demo, github page

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

Post cover

jquery.sumoselect

Made by: Hemant Negi

Github activity: 412 stars; 44 watchers

Links: demo, github page

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.

Post cover

Bootstrap Select

Made by: Silvio Moreto

Github activity: 6971 stars; 338 watchers

Links: demo, github page

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

Post cover

jQuery MultiSelect

Made by: nobleclem

Github activity: 109 stars; 17 watchers

Links: demo, github page

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.

Post cover

Multiple Select

Made by: 文翼

Github activity: 1424 stars; 90 watchers

Links: demo, github page

A jQuery plugin to select multiple elements with checkboxes.

Select Menu Interaction

Author: Aaron Iker

Links: demo and code, dribbble shot

Made with: HTML / CSS (SCSS) / JS

Animated select menu interaction in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

Post cover

Multiselect

Made by: Adrian Crisan

Github activity: 208 stars; 21 watchers

Links: demo, github page

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

Animated Selected Box

Author: Luís Carvalho

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

Post cover

Minimalect

Made by: Oskari Groenroos

Github activity: 372 stars; 19 watchers

Links: demo, github page

Minimal select replacement for jQuery.

Fancy Multiple Select

Author: Aaron Iker

Links: demo and code, dribbble shot

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Select Dropdown

Author: Aaron Iker

Links: demo and code, dribbble shot

Made with: HTML / CSS (SCSS) / JS

Created a live version of the select dropdown from the Gear CMS styleguide, dark & light version.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

Select Option Interaction

Author: Bhakti Pasaribu

Links: demo and code

Made with: HTML (Haml) / CSS (SCSS) / JS

Built with TweenMax GSAP.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: tweenmax.js textplugin.js

Post cover

jQuery SelectBox

Made by: Marc J. Schmidt

Github activity: 558 stars; 26 watchers

Links: demo, github page

A jQuery plugin for replacing select elements.

Post cover

jQuery Nice Select

Made by: Hernán Sartorio

Github activity: 569 stars; 28 watchers

Links: demo, github page

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

Post cover

Custom Select Box CSS Style Plugin

Made by: Adam Coulombe

Github activity: 615 stars; 44 watchers

Links: demo, github page

Lightweight, unobtrusive, custom style select boxes with jQuery.

Post cover

Simple Drop Down Effects

Made by: Codrops

Github activity: 443 stars; 42 watchers

Links: demo, github page

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

Select Fields

Author: Heath

Links: demo and code

Made with: HTML (Pug) / CSS (SCSS) / JS

Just a little form to showcase how you can use DL, DT & DD to spice up your select boxes.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Custom Select Box

Author: rajeshdn

Links: demo and code

Made with: HTML / CSS / JS

Custom select box with little jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Select-Boxes

Author: Nipun Paradkar

Links: demo and code

Made with: HTML / CSS / JS

Animated select boxes in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: font-awesome.css, jquery.js

Post cover

Select-or-Die

Made by: Per

Github activity: 551 stars; 21 watchers

Links: github page

Yet another jQuery plugin to style select elements.

Responsive Custom Select Box

Author: Dejan Babić

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Responsive custom select box with custom scroll.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: chosen.css, jquery.mCustomScrollbar.css, jquery.js, jquery.nicescroll.js

Post cover

Selectator

Made by: QODIO

Github activity: 79 stars; 10 watchers

Links: demo, github page

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.

Post cover

Chained

Made by: Mika Tuupola

Github activity: 560 stars; 42 watchers

Links: github page

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.

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback