Press "Enter" to skip to content

Simple Quick Javascript Plugin with Dropdown Search | fstdropdown

fstdropdown is a simple and fast javascript dropdown plugin with bootstrap design and search, capable of working with thousands of options. Now with multiple-choice as well. Contains no dependencies, pure js, and CSS.

searchable select dropdown bootstrap, searchable dropdown bootstrap, searchable dropdown html, searchable dropdown jquery, select box with search option in jquery without plugin

How to make use of it:

Insert the fstdropdown’s JavaScript and Stylesheet into the HTML file.

<script src="fstdropdown.js"></script>
<link rel="stylesheet" href="fstdropdown.css">

Just add the CSS class fstdropdown-select to your choose component and the plugin will do the remaining.

<select class="fstdropdown-select" id="example">
  <option value="">Select option</option>
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
</select>

To disable the searchable performance, set the data-searchdisable to true.

<select class="fstdropdown-select" id="example" data-searchdisable="true">
  <option value="">Select option</option>
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
</select>

Update the drop-down choose in case you add new choices.

fstdropdown.rebind();

Initialize the plugin on a selected choose component.

setFstDropdown();

Bootstrap Style Searchable Dropdown Plugin, fstdropdown Github, search box with suggestions dropdown, jquery searchable dropdown plugin


See Demo And Download

Official Website(VirtusX): Click Here

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

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *