Simple jQuery search on the selection options plugin for your website. Next, there is a checkbox replacement plugin that refines and beautifies the original selection element with custom styles and makes the options filterable using a search field.
Must Read: Bootstrap 4 Dropdown Plugin with jQuery | Bootstrap-Select
How to make use of it:
1. Add jQuery JavaScript library and the Select Search plugin’s files to the HTML web page.
<link rel="stylesheet" href="/path/to/src/style.css" /> <script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/src/index.js"></script>
2. Wrap the common choice component right into a container aspect.
<div class="select"> <select name="select" id="select"> <option value="" selected>Choose option</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> ... </select> </div>
3. Add a dropdown indicator to the select box.
<div class="select"> <i class="ti-angle-down"></i> <select name="select" id="select"> <option value="" selected>Choose option</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> ... </select> </div>
4. Attach the function jselect_search
to the top container.
$('.select').jselect_search({ // options here });
5. Define the placeholder text for the search field.
$('.select').jselect_search({ placeholder : 'Search here' });
See Demo And Download

Official Website(mejuliver): Click Here
This superior jQuery/javascript plugin is developed by mejuliver. For extra Advanced Usage, please go to the official website.