Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Type-Ahead Dropdown in HTML

Posted on 2015-02-06
7
Medium Priority
?
127 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
Prepare for your VMware VCP6-DCV exam.

Josh Coen and Jason Langer have prepared the latest edition of VCP study guide. Both authors have been working in the IT field for more than a decade, and both hold VMware certifications. This 163-page guide covers all 10 of the exam blueprint sections.

 
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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Microsoft Access is a place to store data within tables and represent this stored data using multiple database objects such as in form of macros, forms, reports, etc. After a MS Access database is created there is need to improve the performance and…
Explore the ways to Unlock VBA Project Password Excel 2010 & 2013 documents. Go through the article and perform the steps carefully to remove VBA Excel .xls file.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Visualize your data even better in Access queries. Given a date and a value, this lesson shows how to compare that value with the previous value, calculate the difference, and display a circle if the value is the same, an up triangle if it increased…
Suggested Courses

885 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