UI Design - шаблон дизайна для города / страны выпадающего?(ASP.NET MVC)

Question

Каков наилучший способ создания раскрывающейся пары город / страна в ASP.NET MVC?

Я вижу много мест со страной над городом, но это неестественно: в реальной жизни мы пишем город / страну. Я использовал город, а затем страну, но проблема в том, что после смены страны пользователь должен вернуться назад.

Другая проблема в том, что вы делаете с городами / странами, которых нет в вашем списке? Если город / страна являются раскрывающимися, пользователь не может ввести свой собственный город, если он отсутствует. Но если у вас есть раскрывающийся список и текстовое поле, это делает его громоздким (в итоге у вас есть 4 элемента управления для ввода 2 частей данных).

Существуют ли примеры веб-сайтов, где выпадающая пара город / страна сделана очень полезной и понятной?

Answer 1

Не используйте раскрывающийся список для городов.

1. У вас никогда не будет полного списка.
2. Пользователи не хотят искать свой город в списке.
3. Пользователи привыкли набирать свой родной город.
4. В большинстве браузеров есть возможность заполнения форм для общих имен полей, таких как "city".

Вы можете предложитьавтозаполнение текстового поля вместо выпадающего списка.Это имеет большинство преимуществ выпадающего списка без побочных эффектов.

Answer 2

При таком иерархическом выборе необязательно ставить страну на первое место, так как ее изменение изменит доступный выбор города, и пользователи привыкли к этому с помощью веб-приложения (как вы говорите, это распространено).Я думаю, что единственный раз, когда это будет выглядеть неестественно, если он будет использоваться для шаблона, который выглядит как почтовый адрес.

Для обработки пропавшего города или страны вы можете добавить выделение «[НЕ В ЛИСТЕ]» внизу каждого выбора, которое может динамически отображать текстовое поле для ввода его.тогда вы добавите текстовое поле как для страны, так и для города, поскольку его по определению не будет.Тогда элементы управления отображаются только для случаев, когда они необходимы.

И все это лучше всего обрабатывается JQuery для пользовательского интерфейса с помощью методов JSON в контроллере.