jQuery dropdownlist text search - maikelbos0/VDT GitHub Wiki

You can add a search field to the jQuery-dropdownlist. If the data-text-search attribute is present and is not set to false, a textbox will be added to the dropdownlist.

By default, the textbox appears as the first item in the opened dropdownlist as a filter. when you set the selector-text-search attribute to true, the textbox appears when opening the dropdownlist as a form of autocomplete.

When entering text into the search, the dropdownlist will show all items containing the search text. This search is case insensitive.

<div id="example-dropdown" data-text-search="true">
    <div>Choice number 1</div>
    <div>Option 1a</div>
    <div>Second choice</div>
    <div>Final option</div>
</div>

<script type="text/javascript">
    $('#example-dropdown').dropdownlist();
</script>