Country-Region DropDown Menu is a JavaScript based dropdown menu that allows users to implement country-region list effortlessly. The region names are automatically refreshed and filled based on the country selection. And, the implementation is simple, you just need to edit a few lines of code by entering the pre-defined class name and attribute into the country and region dropdown menu respectively to make them work. In addition, there are a few more options users may configure to make the dropdown look fabulous like the default country selection, flag icon and so on.<\/p>\n\n\n\n
However, this open source dropdown menu only supports up to region level. Cities data was not available in this free version. And, this tutorial is going to show you with step-by-step instruction on how to add cities dropdown to Country-Region DropDown Menu.<\/p>\n\n\n\n
1. Get and download World Major Cities Database from https:\/\/www.geodatasource.com\/software\/world-major-cities-drop-down-list-source-codes<\/a><\/p>\n\n\n\n 2. Unzip the downloaded GEODATASOURCE-WORLD-MAJOR-CITIES-SOURCE-CODES.ZIP<\/strong> file.<\/p>\n\n\n\n 3. Import the database into MySQL database. Note: Please refer to the sql file in the unzipped file.<\/p>\n\n\n\n 4. Download Country-Region DropDown Menu at https:\/\/github.com\/geodatasource\/country-region-dropdown-menu<\/a><\/p>\n\n\n\n 5. Run the following code in your site.<\/p>\n\n\n\n