JQuery: "Şehir, Eyalet" Otomatik Nasıl Tamamlanır?

Question

Soru: Nasıl bir giriş alanı için bir yer ("City, State") önermek JQuery Auto-Completion plugin kullanabilir?

Anlamı, birisi "Chicago, IL" yazmak için istediği ... bu yüzden "Chi" yazmaya başlayın ve otomatik öneri "Chicago, IL".

Benim en büyük engellerden

Ben sorgulayabilir bir hizmet bulmaktır tüm ABD şehir + devlet adlarını öğrenmek için.

ben aslında ne StackOverflow "Etiketler" giriş formu işleri yapmak ancak "kent, eyalet" otomatik tamamlama oluşturmak istiyorum.

Answer 1

ya bir ajax yapmak gerekir CA "Otomatik tamamlama" açılır menüsünü güncellemek için bir tuşa basıldığında veya olası tüm "şehir durumu" dizilerinin bir dizisini içerdiğinde ve bir tuşa basıldığında bunları filtrelediğinizde sunucuya gönderilir.

Answer 2

bu tür verileri elde etmek indirilebilir veritabanları ve ücretsiz webservices hem sunmaktadır GeoNames adında bir grup var. Örneğin, arama

http://ws.geonames.org/searchJSON?name_startsWith=Chic&country=US 

("Chicago" ve "adminCode1": "IL" JSON özellikleri, diğerleri arasında, "ad" dahil) Chicago, IL içeren JSON bir demet döndürür. O sırada da

, jQuery UI millet demo of autocomplete için bu veri kaynağı kullanılır. (Bağlantı için teşekkürler NickT).

Answer 3

@Teleport bir API to search cities by name sunar, ör .: https://api.teleport.org/api/cities/?search=San,%20United%20States%20of%20America San Antonio, San Diego, San Jose ve San Francisco döndürür. Durumu da geçirebilirsiniz, ör. https://api.teleport.org/api/cities/?search=San,%20Tex,%20United%20States%20of%20America yalnızca San Antonio’yu döndürür. Ayrıca havale kodlarını (örn. SFO) ve diğer "takma adlar" ile de arayabilirsiniz.

da https://github.com/teleport/autocomplete

Açıklanmasına mevcut bu API için bir otomatik tamamlama Widget var: Ben Teleport için çalışıyorum.

DÜZENLEME: Bazı ülkeler (Brezilya, Venezüella) "Amerika Birleşik Devletleri" ile eşleşen ad formlarına sahip olduğundan, "Amerika Birleşik Devletleri" arama teriminde "Amerika" son ekini ekledik.