Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 147
  • Last Modified:

Type-Ahead Dropdown in HTML

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
APD Toronto
Asked:
APD Toronto
  • 4
  • 2
1 Solution
 
E-RiskCommented:
You can do this rather easily with a javscript. Here are a
0
 
E-RiskCommented:
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
 
APD TorontoAuthor Commented:
Anyone in particular you have used that offers drop down and type ahead and restrictive to only its options?
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
E-RiskCommented:
Give me a few I'll get you an example I used.
0
 
E-RiskCommented:
I composed a small customizable example for you. I have attached it to this comment.

searchable-dropdown.zip
0
 
RobOwner (Aidellio)Commented:
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
 
APD TorontoAuthor Commented:
Thank You!!!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now