HTML DropDown List that shows data based on user input

Question

I need to create a drop down list that shows you data based on the user's input the data while the user is typing their choice.

The drop down list is way to long and I do not want my users to have to scroll through it.

A good reference for this functionality would be Expedia. When you start typing the name of the city it gives you a list with options to choose from.

Never done this before so any kind of reference or even the name of this type of menu will help a lot.

Malith Dilanka · Accepted Answer · 2013-01-11 06:04:34Z

1

I would definitely recommend using this. Jquery chosen plugin, it has an inbuilt search for the <select>....</select> and easy to use

answered Jan 11, 2013 at 6:04

Malith Dilanka

264 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

hereandnow78 · Accepted Answer · 2013-01-08 22:25:35Z

1

do this with jQuery + jQuery UI autocomplete: http://jqueryui.com/autocomplete/

answered Jan 8, 2013 at 22:25

hereandnow78

14.5k8 gold badges46 silver badges49 bronze badges