AutoComplete

The below sample will illustrates how to display autocomplete menu on focus with all items. Here is some sample code:

The below sample will illustrates how to use custom filter in jquery ui autocomplete.

The below sample will illustrates how to programatically pick the first matching option for a value and set it in the autocomplete textbox.

You can do this to get this functionality.

You can add custom items to the top or bottom of the match list in the dropdown as follows:

Following code helps you highlight one or more instances of the matching letter(s) typed in by the end-user in each of the items in the drop down. Make sure to adjust the script references to link to valid files before running this sample.

In the sample below, a custom text like “No Match Found” is returned when there are no matches found. Note that this code requires the referenced jquery script files as well to be able to run.