Response title
This is preview!
Move this topic
Open autocomplete menu on focus of textbox?
in Using jQuery UI
•
9 years ago
Hello,
I want to use the autocomplete menu for a textbox, but instead of having to type something before you get results, i want the menu to pop up with all available options first on focus, then narrow as you type.
Can someone help me accomplish this?
Thanks.
1
Replies(7)
Re: Open autocomplete menu on focus of textbox?
9 years ago
Show us your code and we would be glad to suggest suitable modifications.
Leave a comment on Godsbest's reply
Re: Open autocomplete menu on focus of textbox?
9 years ago
My code trying to use the XML data i want actually doesn't work atm, still trying to figure that out, and i figure that's a different post if i can't. I do have JQuery's basic example working though. Here is it below:
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$("#txtNewFromStoreNo").autocomplete({
source: availableTags
});
Leave a comment on somerandomdeveloper's reply
Re: Open autocomplete menu on focus of textbox?
9 years ago
EDITED:
The following modifications should do it:
- $("#txtNewFromStoreNo").autocomplete({
- source: availableTags, minLength:0
- }).on('focus', function() { $(this).keydown(); });
Version that works for older jQ & IE:
- $("#txtNewFromStoreNo").autocomplete({
- source: availableTags, minLength:0
- }).bind('focus', function() {
- if(!$(this).val().trim())
- $(this).keydown();
- });
Leave a comment on Godsbest's reply
Re: Open autocomplete menu on focus of textbox?
9 years ago
Thanks a bunch. I had to change on() to bind() since we're stuck at my company on 1.4.2 unfortunately.
I did notice it does something a bit fishy though, when i select a result, it closes menu, then pops up the menu again with that one result.
Because after you click your selection, your focus changes, but then it refocuses the text box after your selection populates.
The fiddle didn't do it for some reason though. But i came up with this and it seems to fix it ok. Only binds if it's empty, and it does it on change still, so seems to work in all circumstances.
- $("#txtNewFromStoreNo").autocomplete({
- source: availableTags, minLength: 0
- }).bind('focus', function () {
- if(!$(this).val().trim())
- $(this).keydown();
- });
Leave a comment on somerandomdeveloper's reply
Re: Open autocomplete menu on focus of textbox?
9 years ago
What browser are you on? Works fine for me on Chrome.
Leave a comment on Godsbest's reply
Re: Open autocomplete menu on focus of textbox?
9 years ago
Can you edit yours with my addition so i can mark best answer. I want to give you credit, but make sure others find my addition to prevent the weird behavior.
Leave a comment on somerandomdeveloper's reply
Re: Open autocomplete menu on focus of textbox?
9 years ago
Our company only uses IE unfortunately for our intranet sites, so i just tested with it. I tried IE7-10 and it appears necessary in all of them.
I'm not 100% sure it's a browser issue though, because i loaded your fiddle in IE to check, because i did open it in Chrome first, and it didn't too it in either. Perhaps it's my JQuery version.
Leave a comment on somerandomdeveloper's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to somerandomdeveloper's question
Statistics
- 7 Replies
- 37441 Views
- 1 Followers