Auto-select country from dropdown with GEOIP

Posted on

There are 195 countries in the world and asking your user to select the one they are in from a dropdown can be a pain - especially if they’re on a mobile device. Save them the bother by using a GeoIP service and preselecting their current country based on their IP address. In the unlikely event that the user wants to select a different country they can change it.

ProTip: You should also add autocomplete="country-name" to the select to take advantage of address autocomplete if the country is different.

This is a simple auto-select country from a dropdown using the free GEOIP DB service and jQuery

DEMO: https://coliff.github.io/geoip-db-country-select/

Made with: #

jQuery: https://jquery.com/

Geoip-db service: https://geoip-db.com/

Countries list from: https://github.com/mledoze/countries

You might also like

Monetizing your Content with Coil

Setting up the Web Monetization API

Migrating an RSS feed from Jekyll to Hugo

Changing the feed template and config for followers of your feed