How do I implement Autocomplete with JQuery when I click on Textbox with out typing anything. The String[] will return a pre built list.
3
-
1Does this mean that you have auto-complete working with your typing already? If not, the question seems odd, since typing is an essential part of the typical auto-complete feature.John Fisher– John Fisher2009-05-29 17:05:19 +00:00Commented May 29, 2009 at 17:05
-
Sounds like you're maybe looking for a combobox where you can either choose from a list or add a new item? To John's point, the nature of autocomplete is that it completes something that's partially there.Scott McMillin– Scott McMillin2009-05-29 19:12:05 +00:00Commented May 29, 2009 at 19:12
-
Hi John, I already have the autocomplete working.Greens– Greens2009-06-02 13:33:07 +00:00Commented Jun 2, 2009 at 13:33
Add a comment
|
3 Answers
<pre>'<input type="text"/><div class=displayPanel></div>'</pre>
$jq('input').bind('click', function() {
$jq('.displayPanel').slideDown('slow', function() {
this.text = textarray;
});
});
i don't know if this is what you need but.
Comments
The autocomplete plugin (http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/) is your best bet, especially if you are in an AJAXy application, since it go off to your server and get a list of possibles in real-time.
Example Usage:
$("#sometextbox").autocomplete("search.php", {
width: 260,
selectFirst: false
});
And then search.php might return:
Great Bittern|Botaurus stellaris
Little Bittern|Ixobrychus minutus
American Bittern|Botaurus lentiginosus
You can dynamically generate the output too, because the plugin passes the text entered on the querystring, in the 'q' parameter.
In answer to firing the autocomplete without typing anything, the plugin does not support that, but it would fairly simple to implement in a hackish way:
The plugin hooks onto the keydown (or keypress) event of the box, like so (line 92 of the non-minified code):
$input.bind(($.browser.opera ? "keypress" : "keydown") + ".autocomplete",...)
Therefore, you could force the autocompleter to run by doing something like:
$("#autocompletedInput").click(function() {
$(this).trigger(($.browser.opera ? "keypress" : "keydown") + ".autocomplete");
}
Which should fire the event. You may need to pass a random character keycode into the trigger, so it doesn't wonder what's going on.
1 Comment
Greens
I have the autocomplete working as I used the same bassistance Autocomplete code. But the onclick of textbox is not firing....Any reasons.?
Have you tried one of the autocomplete plugins for jQuery?
i.e. http://plugins.jquery.com/project/js-autocomplete, but there are several others.
answered May 30, 2009 at 9:13
Philippe Leybaert
172k33 gold badges213 silver badges224 bronze badges