我们运行一个静态网站
网站表单提交连接到用于处理表单数据的服务，然后转发到另一个服务以处理数据和处理请求。我们注意到的是，国家 - 州 - 城市的选择需要统一，以便更好地处理这些数据。存在这样的列表，例如：https://dev.maxmind.com/geoip/geoip2/geolite2/
这意味着没有非唯一的值，比如如果你给用户一个文本输入，他会写一次"london"一次"London"或"I'm from london"。
因此，具有用户输入的唯一值的列表。
对于一个动态网站来说，这没有问题，我加载国家数据，在选择一个国家时，我提供可用的州，如果通过，我会给出城市。问题是，这个网站是静态的，例如.html。
因此，要获得类似的体验，需要将整个国家/地区列表数据库发送给客户端，这是矫枉过正的，大约是 10 MB。
您可以创建一个页面，其中包含所有 50 个状态的列表作为超链接。每个州都会链接到该州每个城市的页面。这样，您就不会发送 10 MB 的数据，而是拥有 10 MB 的网页，用户可以选择他们需要的网页。
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<ul>
<li><a href = "/html/Alabam/Cities.html"> Alabama </a></li>
<li>Alaska</li>
<li>Arizona</li>
<li>Arkansas</li>
<li>etc</li>
</ul>
</body>
</html>
类似于上述代码的东西应该可以工作。每个列表项都是一个超链接，但您需要将相关文件放在 href 中。