[![CPOL v1.02 License](](

multi, multi-select, multi-select-dropdown, multi-selection, multi-selection-dropdown, multiple, multiple-select, multiple-select-dropdown, multiple-selection, multiple-selection-dropdown, select, selectbox, selection, dropdown
npm install multi-select-dropdown@0.0.2



CPOL v1.02 License

NPM Package  Bower Package

Support for a multiple selection dropdown using fully native JavaScript, CSS, and HTML (no extra libraries needed).

Includes support for AMD, CommonJS, and global inclusion via an HTML script tag.

See Live Demo


  • NPM: $ npm install --save multi-select-dropdown
  • Bower: $ bower install --save multi-select-dropdown
  • CDN - Full (minified):
    • <script src="//"></script>
    • <script src="//"></script>
  • CDN - Full (not minified):
    • <script src="//"></script>
    • <script src="//"></script>
  • CDN - Element Only (minified):
    • <script src="//"></script>
    • <script src="//"></script>
  • CDN - Element Only (not minified):
    • <script src="//"></script>
    • <script src="//"></script>
  • Download


  • Built with fully native, pure JavaScript! No extra libraries needed.
  • Uses native HTML5 select and option elements. (I.E. It won't mess up your existing styles and won't create a million new elements that you don't expect to be present on a page).
  • Uses overridable CSS for all needed style manipulations. (I.E. No manipulation of style attribute on HTML tags!)
  • Nearly everything is done for you! Just set the correct data attributes, and you're done!
  • "Select All Options" feature built in, no extra work needed.
  • SCSS library provided for easier style overrides.
  • Simple manager provided in case you just want to initialize for all desired elements on a page, rather than initializing support one by one.
  • Super lightweight.
  • Very easy to use.
  • Support for...
    • AMD
    • CommonJS
    • Global HTML script tag


Native Select Box Used

screenshot 0

Checkbox For Each Option

screenshot 1

Select Label Updates Automatically

screenshot 3

screenshot 2

Built-in Select All Option

NOTE: This feature can be turned off if not needed

screenshot 4


Code Samples

  • TODO

Including the Library in your Project

Include as AMD Module

define([ 'multi-select-dropdown' ], function(MultiSelectDropdown) {

Include as CommonJS Module

var MultiSelectDropdown = require('multi-select-dropdown');


Include via HTML Script Tag

<script type="text/javascript" src="multi-select-dropdown.min.js" />
<script type="text/javascript">