# fstdropdown demo

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

`<select class='fstdropdown-select'> </select>`

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

`<select class='fstdropdown-select' data-searchdisable="true"> </select>`

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

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

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

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

If you need to select value, use document.querySelector("your select").fstdropdown.setValue() function.

For select one option, use document.querySelector("your select").fstdropdown.setValue("your option"), for multiple options document.querySelector("your select").fstdropdown.setValue(["option 1", "option 2"])

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