fstdropdown demo

fstdropdown initializes on page load, just add class "fstdropdown-select" to your select.

<select class='fstdropdown-select'> </select> Select option First Second Third

If you dont need search in dropdown,just add data-searchdisable="true" to select.

<select class='fstdropdown-select' data-searchdisable="true"> </select> Select option First Second Third

If you add select dynamically, add "fstdropdown-select" to it and call function setFstDropdown().

Select option First Second Third

Set dropdown Remove dropdown

If you change your select options list, use document.querySelector("your select").fstdropdown.rebind() to update dropdown list.

Select option 1 2 3

Add option Add thousand options Remove option Remove thousand options Update dropdown

You can use multiselect, by adding attribute multiple="multiple" to select

First Second Third

If you want to add placeholder to search input, add data-placeholder to select.

Select option First Second Third

If you want to use opened select or multiselect, add data-opened="true" to select