HTML select box with searching support using jQuery

By | May 19, 2016

HTML select box with searching support using jQuery

In this tutorial I will show you that how to create select box with searching support you can search your desired option rather than finding it by scroll. I have used a jQuery plugin select2 to implement this tasks, its very easy and simple to understand it help you to give facility to users if you have large lists to select.

 

html-select-supporting-search-using-jquery

How To Login With Google Account oAuth in PHPHow To Login With Google Account oAuth in PHP

Used a jQuery plugin select2

How to use it:

Include jQuery libraries and css

jQuery select2 trigger:

This jQuery covert your normal select box with a quick filter support via a search input inside.

In the options we added a placeholder which show any placeholder on empty select box and allow clear give option to clear select box on single click.

HTML list:

For complete list download code, we have a very nice demo available for this you can check this in working.

Originally Posted On PHPGang by Huzoor Bux

How To Login With Google Account oAuth in PHPHow To Login With Google Account oAuth in PHP