title: Implementing country - state - city selection for a static html page
body: <p>we run a static web site</p>
  
  <p>the web sites form submission is connected to a service for handling form data, and is then forwarded to another service to process the data and handle the requests. What we noted is that the country - state - city selection needs to be uniform, to process that data better. There exist lists like this, for example: <a href="https://dev.maxmind.com/geoip/geoip2/geolite2/" rel="nofollow noreferrer">https://dev.maxmind.com/geoip/geoip2/geolite2/</a></p>
  
  <p>That means there is no non-unique values like if you give the user a text input he will once write "london" once " London'" or "i'm from london"</p>
  
  <p>So a list that has unique values for the user input.</p>
  
  <p>That would be no problem for a dynamic website, I load the country data, and on selection of a country, I deliver the available states, and if that passes, I give the cities. The problem is, this site is static, e.g. html.</p>
  
  <p>So to have a similar experience one would need to send the entire country state list database to the client, which is overkill and somewhere like 10 MB.</p>