29 jQuery Select/Multiselect Boxes

About a code

Custom Select Box

Custom select box with little jQuery.

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

Responsive: no

Dependencies: -

About a code

Dropdown Menu Interaction

Dropdown menu interaction in jQuery.

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

Responsive: no

Dependencies: jquery.js

About a code

Select Menu Interaction

Animated select menu interaction in jQuery.

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

Responsive: no

Dependencies: jquery.js

About a code

Select Dropdown

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

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

Responsive: no

Dependencies: jquery.js

About a code

Fancy Multiple Select

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

Responsive: yes

Dependencies: -

About a code

Select Fields

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

Dependencies: -

About a code

Responsive Custom Select Box

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

About a code

Animated Selected Box

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

Responsive: no

Dependencies: jquery.js

About a code

jQuery Multi Select

Converts <select multiple> elements into dropdown menus with checkboxes.

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

Responsive: yes

Dependencies: jquery.multi-select.js

About a code

Select-Boxes

Animated select boxes in jQuery.

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

Responsive: no

Dependencies: font-awesome.css, jquery.js

About a code

Select Option Interaction

Built with TweenMax GSAP.

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

Responsive: no

Dependencies: tweenmax.js textplugin.js

About a code

Material Design Select Box

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

Responsive: yes

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

Select2

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

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.

Bootstrap Select

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

Multiple Select

A jQuery plugin to select multiple elements with checkboxes.

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.

jQuery Selectric

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

Custom Select Box CSS Style Plugin

Lightweight, unobtrusive, custom style select boxes with jQuery.

jQuery Nice Select

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

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.

jQuery SelectBox

A jQuery plugin for replacing select elements.

Select-or-Die

Yet another jQuery plugin to style select elements.

Simple Drop Down Effects

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

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.

Minimalect

Minimal select replacement for jQuery.

Multiselect

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

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.

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.