Making a Selection Field as Searchable

The need of making a Selection Field as Searchable was to make it more user friendly.
As a selection field can contain a lot of values and it could take a lot of time to find the desired value. So instead of scrolling we can make the whole selection field as searchable so that to find a specific record we can just type the name and the selection field will automatically highlight the most relevant value.
First of all to achieve this functionality you will have to download two (.js) javascript files from the below mentioned link

https://sourceforge.net/projects/jsearchdropdown/

 

After successfully downloading the zip file extract the following two (.js) javascript files

  1. jquery.searchabledropdown-1.0.8.src.js
  2. jquery.searchabledropdown-1.0.8.min.js

and add them in the “js” folder present in the Includes folder as shown below

img-2
NOTE:- If the “js” folder is not present in the includes folder please create one.

Next you will have to include these two files in the asp page or the .inc (includes) page as shown below

img-3
Following the above steps will allow you to make the selection field as searchable.
Thus now when you search a record say “nis” the selection field automatically highlights the record “nissim aanand”.shown below

img-4