AutoComplete DropDown Using jQuery With C#

In today's world we often see autocomplete dropdown lists. Whenever you type the first one or two characters of the word they show the words that begin with those characters. jQuery is used basically for the providing the look and feel in your application. It provides a good looking and easy way to use an application. In this article I am showing how to use an autocompleted dropdown list in ASP.NET application with C#.

First of all you need to add the two jQuery files and one CSS file. This is given in my zip code folder.

Listing 1: Go to Visual Studio 2010 then select "New" -> "Web site" and choose "Empty Website".



Listing 2: Add a JavaScript and CSS file to your application that is provide in the Zip file.


Listing 3: Add a new web page to your application. Go to Solution Explorer and right-click then select "Add new item"then choose "New web form" and name it "FancyDropdownlist.aspx".



Listing 4: Source Code for FnacyDropdownlist.aspx




Listing 5: Code behind FancyDropDownlist.aspx.cs

Listing 6: Run the project in the browser.

Output

I hope this article will help you to add auto dropdown list functionality to you application.