Simple Multi-Select Dropdown Pure Vanilla Javascript

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.

The multiSelect elements will be initialized on the ready page. However, if you are using an asynchronous script, you can add multis after the page load by calling multiSelect() or window.multiSelect.refresh(). This will initialize any new .multi items that have not been created yet.

More Features:

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

Must Read: Universal Select/Multiselect/Tagging Component for Vue.js

Multi-Select Dropdown JS Details

Post Name	Multiselect Dropdown JS
Author Name	kleimaj
Category	Dropdown, Form Plugins
Official Page	Click Here
Official Website	github.com
Publish Date	November 19, 2020
Last Update	September 12, 2023
Download	Link Below
License	MIT

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.

<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 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.