Country jQuery Autocomplete plugin

Marc-Antoine Ross December 21st, 2008

Here’s a screenshot of the country autocomplete.

screenshot.png

I’ve created this simple add-on using the very good jQuery autocomplete plugin. Full code, demo and documentation.

Entry Filed under: JavaScript, Usability

22 Comments

  • Justin March 10th, 2009 at 11:40 am

    I love the demo, but the code download link is broken, and 404’s.

  • pelu April 29th, 2009 at 11:39 am

    the download link is broken:

    http://www.devtaxi.com/tools/accountry/accountry.0.1.zip

  • Jason May 6th, 2009 at 2:07 am

    Hi, I was trying to download accountry.zip but it was missing. Could you fix the link? Thank you.

  • yubi June 9th, 2009 at 6:00 am

    .zip file doesn’t exist

  • Andy June 14th, 2009 at 3:29 am

    Hi Marc,

    This looks like a really great plugin, but the download link is broken :( Let me know if you get it fixed, I’d love to try it out.

    Thank you!

    Andy

  • Russell July 7th, 2009 at 5:17 am

    Hi

    The download link appears to be broken. Where can I get the code?

    Thanks

  • Justin Williams August 3rd, 2009 at 3:56 pm

    Fantastic plugin and demo, but the download link doesn’t work. Please fix this so I can grab those country flags. Thanks for sharing this! Fantastic!

  • pgudge October 6th, 2009 at 5:31 am

    View the source (of the demo page) and grab the .js and .css files. Then go to http://www.famfamfam.com/lab/icons/flags/ for the icons.

    Thanks!

  • Marc-Antoine Ross October 6th, 2009 at 8:03 am

    Hi everyone,
    Sorry for such a delay, I wasn’t getting emails on comments posted. I just put back the link.
    Thanks for the comments.

  • srimal October 18th, 2009 at 10:53 pm

    Hi,
    Thanks for the nice plug in. but i have one problem. this plugging works fine in IE. but when it comes to Firefox, after selecting the country the flag becomes the text box back ground. can you please explain why?

  • Elvis November 27th, 2009 at 8:10 am

    Nice plugin. I can offer a countries.de.js, if you like. But I ran into a problem with german Umlauts in the autocomplete. Any Idea how to get this working with umlauts?

  • Chris January 7th, 2010 at 2:31 pm

    This isn’t working for me in IE7. I get a javascript error. I unzipped the contents of the zip file to a folder and opened it up locally. I can type in a country name and it will drop down in the list with the image of the flag, but it’s throwing a script error.

  • Marc-Antoine Ross January 7th, 2010 at 3:49 pm

    Hi Chris,
    Do you have more details on the error? I had tested it last year, but I don’t have a PC & IE nearby anymore…
    Thanks

  • Chris January 7th, 2010 at 3:55 pm

    Hi Marc,

    This is the error I receive in IE7. I noticed when I click the input box, it doesn’t clear the default text value either. Maybe it’s related?

    Line: 997
    Char: 7
    Error: Exception thrown and not caught
    Code: 0
    URL: file://…../accountry/index.html

  • Marc-Antoine Ross January 9th, 2010 at 11:00 am

    Thanks to Chris’ help, I uploaded a new version that fixes the bug in Internet Exploder 7/8

  • Jon July 7th, 2010 at 7:13 pm

    Would be great if this was converted over to use jQuery UI’s autocomplete so that the jquery and jquery ui scripts could be loaded from sites like google. I may be wrong, but the ibigframe script might not be needed as well if it was converted.

    Nice little plugin though! Thanks for the contribution.

  • Ian November 25th, 2010 at 11:56 am

    This looks awesome but It appears the autocomplete plugin was taken over by the jquery ui team. Is it possible to update to the new jquery ui version?

  • Ian November 25th, 2010 at 12:59 pm

    Hi,

    Is there any plans to port it over to the jquery ui autocomplete? Its the updated version it seems that this plugin uses.

    Thanks

  • shaula haitner August 25th, 2011 at 3:28 pm

    Hi
    the country selection works beautifully
    only problem is that I get back the country code and not the full country name
    what am I doing wrong?
    thanks a lot
    shaula

  • Marc-Antoine Ross August 25th, 2011 at 3:46 pm

    Hi Shaula,
    Change this line:
    $(ac_country + ‘_hidden’).val(data.code.toLowerCase());
    For this:
    $(ac_country + ‘_hidden’).val(data.name);
    And it should work.
    Thank you for the donation
    Marc

  • shaula haitner August 25th, 2011 at 3:50 pm

    thanks
    problem solved
    shaula

  • Zeff September 29th, 2011 at 8:17 am

    Flags are not displayed in Google Chrome, it is a CSS problem. Perfect in IE and FireFox. Has anyone had similar experiences?

Leave a Comment

Required

Required, hidden

Some HTML allowed

Trackback this post  |  Subscribe to the comments via RSS Feed

Schedule

December 2008
M T W T F S S
« Nov   Jan »
1234567
891011121314
15161718192021
22232425262728
293031