Search is a useful feature for an HTML drop-down list. Especially it will increase user convenience to select items from the drop-down having a long list. In this tutorial, we are going to list country dropdowns with a search option. In a previous tutorial, we have seen countries and its dependent dropdown list.
This code contains an HTML select element referred by its id. With this id reference, it invokes the select2 function to show this dropdown list with a search box.
While invoking this function we are passing an array of a country list to the target dropdown element.
We can also pass remote data to the dropdown from the database or any other data source dynamically. There are many options to provide drop-down list search with added features.
For example, we can control the minimum number of input characters we have to type for start searching.