Minimal Dropdown Select With Fuzzy Search - jQuery SimpleSelect

File Size: 11.4 KB
Views Total: 6483
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Minimal Dropdown Select With Fuzzy Search - jQuery SimpleSelect

SimpleSelect is a jQuery plugin which turns the standard select box into a minimal clean responsive dropdown list with fuzzy search (live filter) support. The plugin supports both static and dynamic datasets.

How to use it:

1. Load the necessary stylesheet simpleSelect.css to style the dropdown list and live search field.

<link href="simpleSelect.css" rel="stylesheet">

2. Create a normal select element populated with static option data.

<select id="segment" name="segmentation">

3. Load jQuery JavaScript library and the JavaScript file simpleSelect.js at the end of the document.

<script src="" 
<script src="simpleSelect.js"></script>

4. Attach the function to the select element and done.


5. The plugin also supports dynamic data defined in the terms array.

<select id="segment" name="segmentation">

var options = {
    terms: [
        ':D dasda',

6. Customize the placeholder text.

  defaultSelected: 'Select...'

7. Customize the warning messages when no results found.

  notFoundMessage: 'No Results'

This awesome jQuery plugin is developed by jeffersonRibeiro. For more Advanced Usages, please check the demo page or visit the official website.