UI 디자인 - 도시/국가 드롭 다운 디자인 패턴? (ASP.NET MVC)

Question

ASP.NET MVC에서 도시/국가 드롭 다운 쌍을 만드는 가장 좋은 방법은 무엇입니까?

나는 도시 위의 나라와 많은 장소를 본다. 그러나 그것은 부 자연스러운 것이다. 실제 생활에서 우리는 도시/나라를 쓴다. 나는 도시, 국가를 사용했지만 문제는 사용자가 국가를 변경 한 후에 거꾸로 가야한다는 것입니다.

다른 문제는 목록에없는 도시/국가에 대해 무엇을합니까? 도시/국가가 모두 드롭 다운되면, 사용자는 자신의 도시가 없다면 입력 할 수 없습니다. 그러나 드롭 다운과 텍스트 상자가 있으면 다루기가 힘들어집니다 (결국 2 개의 데이터를 입력하는 컨트롤이 4 개로 끝납니다).

도시/국가 드롭 다운 페어가 매우 유용하고 명확한 방식으로 수행되는 예제 웹 사이트가 있습니까?

Answer 1

도시에 드롭 다운을 사용하지 마십시오.

1. 전체 목록이 없습니다.
2. 사용자는 목록에서 도시를 검색하고 싶지 않습니다.
3. 사용자는 거주 도시를 입력하는 데 익숙합니다.
4. 대부분의 브라우저에는 "도시"와 같은 공통 필드 이름에 양식 작성 옵션이 있습니다.

드롭 다운 목록 대신 자동 완성 텍스트 상자를 제공 할 수 있습니다. 이것은 부작용없이 드롭 다운 목록의 장점 대부분을 가지고 있습니다.

Answer 2

그런 종류의 계층 적 선택을 할 때 국가를 바꾸는 것이 부 자연스러운 것은 아니기 때문에 도시 선택을 변경하면 사용자는 웹 앱으로 익숙해집니다 (일반적이라고 말한 것처럼). 메일 링 주소처럼 보이는 템플릿에 사용되는 경우 부 자연스러운 것처럼 보이는 유일한 시간이라고 생각합니다.

누락 된 도시 또는 국가를 처리하려면 각 선택 항목의 하단에 "[NOT IN LIST]"선택 사항을 추가하면됩니다. 입력란에 동적으로 입력란이 나타납니다. 물론 새로운 국가 인 경우 정의에 의해 거기에 없을 것이기 때문에 나라와 도시를위한 텍스트 박스를 추가 할 것입니다. 그런 다음 필요한 경우 컨트롤이 표시됩니다.

그리고이 모든 것은 컨트롤러의 JSON 메서드를 통해 UI에 대한 JQuery에서 가장 잘 처리됩니다.