UI 设计 - 城市/国家下拉菜单的设计模式？ (ASP.NET MVC)

Question

在 ASP.NET MVC 中创建城市/国家/地区下拉对的最佳方式是什么？

我看到很多地方的国家都在城市之上，但这很不自然：在现实生活中，我们写的是城市/国家。我使用了城市，然后是国家，但问题是用户在更改国家后必须向后退。

另一个问题是您如何处理不在您的列表中的城市/国家？如果城市/国家都是下拉菜单，那么如果缺少，用户就不能输入他们自己的城市。但是，如果你有一个下拉菜单和一个文本框，那就会变得笨拙（你最终会得到 4 个控件来输入 2 条数据）。

是否有任何示例网站以非常有用和清晰的方式完成了城市/国家/地区下拉对？

Answer 1

不要对城市使用下拉菜单。

1. 您永远不会有完整的清单。
2. 用户不想在列表中搜索他们的城市。
3. 用户习惯于输入他们的家乡。
4. 大多数浏览器都为常见字段名称（例如“城市”）提供表单填写选项。

您可以提供自动完成文本框而不是下拉列表。这具有下拉列表的大部分优点而没有副作用。

Answer 2

在进行这种分层选择时，将国家放在首位并不一定是不自然的，因为更改它会改变可用的城市选择，并且用户已经习惯了使用网络应用程序（正如您所说的那样很常见）。我认为，如果它被用于看起来像邮寄地址的模板，它会显得不自然。

为了处理丢失的城市或国家，您可以在每个选择的底部添加一个“[NOT IN LIST]”选择，它可以动态显示一个文本框来输入它。当然，如果它是一个新的国家，那么你会为国家和城市添加一个文本框，因为根据定义它不存在。然后控件仅在需要它们的情况下显示。

所有这一切最好由 JQuery 通过控制器中的 JSON 方法为 UI 处理。