Country State City Drop Down List | JavaScriptSource

Country State City Drop Down List

Michael Damato Jul 18, 2007


This is a simple international country, state, and city drop down list that automatically repopulates the state section based on the country selected, and automatically repopulates the city section based on the state selected. All of this is done without reloading the page. This script could also be used in other formats, e.g., automobiles: type/make/model; or books: publisher/author/title.

Make your selection



Format for State lists

  • states['Country1'] = new Array('State1','State2','State3');
  • states['Country2'] = new Array('State1','State2','State3');

Format for City lists

  • cities['Country1'] = new Array();
  • cities['Country1']['State1'] = new Array('City1','City 2');
  • cities['Country1']['State2'] = new Array('City1','City 2');
  • cities['Country2'] = new Array();
  • cities['Country2']['State1'] = new Array('City1','City 2');
  • cities['Country2']['State2'] = new Array('City1','City 2');

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: countryStateCity.js


Paste this code into the HEAD section of your HTML document.


Paste this code into the BODY section of your HTML document

Leave a Response


thank u great code

hemant Jan 16, 2014

hi.. i have also implemented the same code for multiple states and respective cities,its working but the problem is while storing in database it is storing array's index value please help me.... :(

venkatesh Jul 17, 2012

No. You would need to a server-side script, along with a database.

Lee Jan 16, 2009

Do you have this for all the countries/states/cities in the world?

chris Dec 11, 2008

Your question is beyond the scope of these comments. You will need to post it over on [a href=""]the JavaScript forum[/a]. Thanks!

Lee Oct 31, 2008