Solved

Type-Ahead Dropdown in HTML

Posted on 2015-02-06
7
116 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Back Up Your Microsoft Windows Server®

Back up all your Microsoft Windows Server – on-premises, in remote locations, in private and hybrid clouds. Your entire Windows Server will be backed up in one easy step with patented, block-level disk imaging. We achieve RTOs (recovery time objectives) as low as 15 seconds.

 
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 500 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

PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

Question has a verified solution.

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

You need to know the location of the Office templates folder, so that when you create new templates, they are saved to that location, and thus are available for selection when creating new documents.  The steps to find the Templates folder path are …
This article describes a method of delivering Word templates for use in merging Access data to Word documents, that requires no computer knowledge on the part of the recipient -- the templates are saved in table fields, and are extracted and install…
In Microsoft Access, learn the trick to repeating sub-report headings at the top of each page. The problem with sub-reports and headings: Add a dummy group to the sub report using the expression =1: Set the “Repeat Section” property of the dummy…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

737 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