Link to home
Start Free TrialLog in
Avatar of josh2780
josh2780

asked on

Searchable Drop-Down (via AJAX)

I have a regular <select> box with 300+ results.  This particular form requires the user to select a value from this select box.  I'm looking for a way to make it easier for the users to locate a particular item... by incorporating AJAX.  I've found many topics on being able to type within a normal text box and then display related items in a small drop-down beneath the text box (similar to the way Google Suggest http://www.google.com/webhp?complete=1&hl=en works), however, I'm looking for a way to incorporate that into a drop-down.

Basically, the drop-down would allow the user to select an item from the drop-down OR begin typing within the dropdown.  While they type within the drop-down the items in the drop-down narrow down.

Can this be done? How?
ASKER CERTIFIED SOLUTION
Avatar of steveberzins
steveberzins

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of josh2780
josh2780

ASKER

Thank you all for your comments.  All 3 of you have nudged me in the direction I think I have to go.  I began to realize just before dhelkowsi's comment that it would most likely have to be done by using a regular text box and perhaps make it look like a drop down box, similar to http://www.dhtmlgoodies.com/scripts/form_widget_editable_select/form_widget_editable_select.html

I'm now guessing that I have to do something like the above link and have all the items displayed in the "drop-down".  Then, if a user begins to type, change the results in the drop-down.  One thing I don't like about the example is that when you click the drop-down, all the text beneath it shifts down as well... it's not truely floating.
Forced accept.

Computer101
EE Admin