tags:

views:

274

answers:

2
Q: 

Javascript, autoload text box while typing....

I am trying to do this but keep on failing.

I have a text box. I have also an array of cities, and i want, while typing to display the cities that the user should be able to select.

Like if the user is typing : Mu the drop down should display Mumbai \n MuMu ... etc Like the Tags below is doing !

Does someone have any ideas in how this can be accomplished ?

+1  A: 

There are quite a lot different JQuery plugins for this purpose:

poke  2010-03-23 07:16:29
That is good, but i am wondering if there is a non-jquery implementation perhaps.
 2010-03-23 07:24:19
Of course there is, but that would require quite a lot effort. Basic idea: When the text field changes, a script checks the content with the loaded database and displays a subset of the possible values so the user can select them.
poke  2010-03-23 07:44:25
http://www.javascript-examples.com/autocomplete-demo/
poke  2010-03-23 07:46:12
The effort isn't necessarily that much: the important thing to remember is to use `setInterval` to wait until there hasn't been a key-press for half a second, so that you don't set off a new query for every individual key-press. Aside from that it's no different from "do the query, refresh the list".
Daniel Earwicker  2010-03-23 09:14:19
+1  A: 

Jquery autocomplete is one of the best for you

http://docs.jquery.com/Plugins/Autocomplete#source

http://docs.jquery.com/Plugins/Autocomplete#demo

Sachin  2010-03-23 07:29:02

related questions

What JavaScript patterns do you use most?
Javascript events
What style do you use for creating an "class" in JavaScript?
Graphing JavaScript Library
What's the difference in closure style
Getting the text from a drop-down box
How to specify javascript to run when ModalPopupExtender is shown
Length of Javascript Associative Array
How Do I Post and then redirect to an external URL from ASP.Net?
How to set up a CSS switcher in ASP.NET
Wrapping lists into columns
Javascript keyboard events primer? (or rather: help me with my custom dropdown)
Http Auth in a Firefox 3 bookmarklet
Best Debugging Tools for JavaScript/xulrunner Development
How can I turn a string of HTML into a DOM object in a Firefox extension?
Call ASP.NET Function From Javascript?
Javascript troubleshooting tools in IE
MAC addresses in JavaScript
Capturing TAB key in text box
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
Triple Quotes? How do I delimit a databound Javascript string parameter in ASP.NET?
ASP .Net Custom Client-Side Validation
What JavaScript library would you choose for a new project and why?
Detecting font in JavaScript