2010-12-28 2 views
3

나는 하나의 페이스 북이 create-an-event 페이지에서 사용하는 것과 같은 도시 선택 도구를 찾고있다. 사용자는 도시 이름을 입력 할 수 있어야하며 선택할 수있는시 /도가 표시됩니다.jQuery City Picker?

나는 이것이 사용자가 도시를 선택할 수 있도록하는 가장 쉬운 방법이라고 생각하십니까? 그 중 하나, 또는 우리는 당신이 먼저 지방, 그 다음 지방을 선택할 수 있도록 드릴 다운 선택 상자가 필요합니다. 그런 다음 도시를로드 할 수 있습니다 ...하지만 나는 너무 느릴 것이라고 생각합니다.

저희 직원이 전화로 찍은 정보를 신속하게 입력하기 위해 내부적으로 사용됩니다. 도시는 유효한 데이터베이스 여야하며 데이터베이스에서 인정합니다. 입력 상자를 구체화 된 형식 (예 : <city-name><comma><single-space><two-letter-province-code>)으로 강제로 파싱해야하고 DB에서 조회 한 경우 또는 팝업이 도시 이름과 함께 나타날 때 사용자가 무언가를 선택할 수 있는지 여부를 모르겠습니다. , 그리고 나서 그들이 하나를 골라 내면 일부 숨겨진 필드는 city-id로 채워질 것입니다. 어느 것이 두통이 가장 적습니까?


내가 도시 피커 약간의 드롭 다운에 표시되는 내용을한다는 점에서 전형적인 자동 완성 위젯을 넘어 생각하는 것은 정확히 텍스트 상자에 복사됩니다 것과 동일하지 않습니다. 예를 들어, 드롭 다운에 국가도 표시 될 수 있지만 상자에 표시 할 필요는 없습니다. 이것도 지원하는 위젯이 있습니까?

답변

1

우선 데이터베이스를 찾으려면이 data source까지 사용 가능한 가장 큰 데이터베이스를 추천 할 수 있습니다. 자바 스크립트와 자동차에 관한

당신이 많은 준비가 만든 스크립트 here을 찾을 수 있습니다 완료

+0

jQuery를 UI가 자동 완성 위젯이 있습니다 http://jqueryui.com/demos/autocomplete/ – PleaseStand

+0

데이터 소스가 정말 필요하지 않습니다,하지만 덕분에 :) – mpen

+0

@Ralph ExtJS 웹 사이트도 확인할 수 있습니다. 자동 완성과 결합 된 드롭 다운의 좋은 예가 있습니다 http://dev.sencha.com/deploy/dev/examples/form/combos.html – Nazariy