Simple Multi-Select Dropdown Pure Vanilla Javascript | multiSelect.js

MultiSelect.js is a simple, clean, and progressive JavaScript library designed for easy integration with any type of project or system.

The design was heavily influenced by the design of Bootstrap and Semantic-UI’s multi-selection elements.

Features

  • Pure Vanilla Javascript
  • Zero Dependencies
  • Simple & Easy to use
  • Extremely Lightweight
  • Blazing Fast
  • Versatile

How to make use of it:

1. Add the required JavaScript and CSS information to the HTML web page.

<link rel="stylesheet" href="css/style.min.css" />
<script src="js/multiselect.min.js"></script>

2. Add the CSS class multi to the choose component and the plugin will do the remainder.

<select class="multi">
  <option value="" disabled selected>Select your flavor</option>
  <option value="vanilla">JavaScript</option>
  <option value="jquery">jQuery</option>
  <option value="css">HTML/CSS</option>
  <option value="react">React.js</option>
  <option value="angular">Angular</option>
</select>

3. To allow the darkish theme, simply add the dark class to the choose the component as follows:

<select class="multi dark">
  <option value="" disabled selected>Select your flavor</option>
  <option value="vanilla">JavaScript</option>
  <option value="jquery">jQuery</option>
  <option value="css">HTML/CSS</option>
  <option value="react">React.js</option>
  <option value="angular">Angular</option>
</select>

4. Refresh the number of choices in circumstances the place new choices are added.

window.multiSelect.refresh()

Beautiful Multi-Select Dropdown, multi-select js Plugin/Github

Read More – 

jQuery Plugin for Interactive Multi-Select & Autocomplete Dropdown Lists
Converts Select Multiple Items Into Dropdown Lists With Checkboxes


See Demo And Download

Official Website(kleimaj): Click Here

This superior jQuery/javascript plugin is developed by kleimaj. For extra Advanced Usage, please go to the official website.

Share