Javascript select multiple dropdown examples

Use it on mobile and desktop for listing different options with multiple select. It can be tied to an input, native select or rendered inline. Turn it on by setting selectMultiple to true.

As an alternative to the checkbox list it works great for category filtering... eg. e-commerce solutions.

Looking for single value selection? Check out the previous example →

Download and try example

Javascript jQuery Angular React Vue

html<label>
    Multi-select
    <input mbsc-input id="my-input" data-dropdown="true" data-tags="true" />
</label>
<select id="multiple-select" multiple>
    <option value="1">Books</option>
    <option value="2">Movies, Music & Games</option>
    <option value="3">Electronics & Computers</option>
    <option value="4">Home, Garden & Tools</option>
    <option value="5">Health & Beauty</option>
    <option value="6">Toys, Kids & Baby</option>
    <option value="7">Clothing & Jewelry</option>
    <option value="8">Sports & Outdoors</option>
</select>
mobiscroll.select('#multiple-select', {
    inputElement: document.getElementById('my-input'),
    touchUi: 
});