Select2 VS Datalist
Select2 is custom jquery. Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options. But here we talk about only searching functionality.
Now in html5 datalist is giving you to direct searching functionality for dropdown select. we don’t need to attach any jquey for dropdown select in searching functionality. In html5 datalist direct give us that functionality with simple few line code in html.
If we use select2 that for first we need to add is library of select2. Then we need to call that particular function with our dropdown option. In select2 we attach new is so, it also increase render time of the page.
Datalist is the default tag of HTML5 so it render fast. Also, we can customize using css3 so we make it look better of it’s default design. Datalist in value give as option value check out on live editor.
<input list="dropdown" name="dropdown" type="text" />