?
Solved

Type-Ahead Dropdown in HTML

Posted on 2015-02-06
7
Medium Priority
?
135 Views
Last Modified: 2015-02-07
Hi Experts,

In HTML, is it possible to have drop down controls with type-ahead capabilities, like in MS Access?

For example, say I have 100 names in a <select> drop down, and when you start typing "Al" it suggests "Alex", "J" suggests "Jane", "Jo" goes to "John", etc...

However, entries not in the list should not be accepted.


Thanks.
0
Comment
Question by:APD Toronto
  • 4
  • 2
7 Comments
 
LVL 2

Expert Comment

by:E-Risk
ID: 40594957
You can do this rather easily with a javscript. Here are a
0
 
LVL 2

Expert Comment

by:E-Risk
ID: 40594960
You can do this rather easily with a javascript / jquery. Here are a few plug-ins. http://www.sitepoint.com/10-ajaxjquery-autocomplete-tutorial-examples/
0
 

Author Comment

by:APD Toronto
ID: 40595012
Anyone in particular you have used that offers drop down and type ahead and restrictive to only its options?
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 2

Expert Comment

by:E-Risk
ID: 40595015
Give me a few I'll get you an example I used.
0
 
LVL 2

Accepted Solution

by:
E-Risk earned 2000 total points
ID: 40595047
I composed a small customizable example for you. I have attached it to this comment.

searchable-dropdown.zip
0
 
LVL 43

Expert Comment

by:Rob
ID: 40595138
https://github.com/twitter/typeahead.js is one I've used a lot lately and it does exactly what you're after with type-ahead and limiting results in the dropdown.
0
 

Author Closing Comment

by:APD Toronto
ID: 40595816
Thank You!!!
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

If you’re using QODBC to update QuickBooks data from Microsoft® Access but Access is not showing the updated data, you could have set up QODBC incorrectly.
Beware when using the ListIndex and the Column() properties of a listbox in Access 2007.  A bug has been identified in the Access 2007 listbox code which can cause the .ListIndex property to return a -1, and the .Columns(#) property to return a NULL…
How can you see what you are working on when you want to see it while you to save a copy? Add a "Save As" icon to the Quick Access Toolbar, or QAT. That way, when you save a copy of a query, form, report, or other object you are modifying, you…
Enter Foreign and Special Characters Enter characters you can't find on a keyboard using its ASCII code ... and learn how to make a handy reference for yourself using Excel ~ Use these codes in any Windows application! ... whether it is a Micr…
Suggested Courses

609 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question