Czy znasz dowolne rozwijane menu JQuery dla prefiksu telefonicznego?

Question

Potrzebuję zrobić rozwijane menu do wprowadzania numerów telefonów. Chcę zrobić coś podobnego do tego, co robi Google w swoim registration form. Coś takiego:

Czy znasz jakieś opensource menu rozwijane dla prefiksem telefonicznym?

Szukam w google i najbardziej podobną rzeczą, którą znalazłem jest ta menu. Mogę go modyfikować, aby robić to, co chcę, ale to zajmie trochę czasu i myślę, że może ktoś już zrobił coś podobnego.

UWAGA: Łącze, które udostępniam, zawiera tylko kraje i flagi. Szukam pełnego rozwijanego menu zawierającego flagi, nazwy krajów, nazwy krajów w oryginalnym języku, możliwość dodania kraju najpierw ignorującego kolejność alfabetyczną i prefiksy telefonów międzynarodowych.

Answer 1

Potrzebowałem tego również, więc I built it.

Oto a live demo.

Obecnie posiada następujące cechy:

• W rozwijanym kraju można nawigować przez wpisanie lub za pomocą klawiszy góra/dół
• Wybór kraju aktualizuje kod wybierania z wprowadzonym numerem
• wpisując inny kod wybierania automatycznie aktualizuje wyświetlanego flagi
• opcji do określenia „preferowane kraje” (które pojawiają się na górze listy)

Zbudowałem go z następujących projektów open source:

• obrazy bandery i CSS z https://github.com/lafeber/world-flags-sprite
• danych kraj z https://github.com/mledoze/countries
• Formatowanie i walidacji od wspaniałego libphonenumber

Answer 2

Cóż, potrzebujesz bazy danych, która zawiera wszystkie szczegóły numerów telefonów, następnie musisz wysłać zapytanie do bazy danych poprzez Ajax, również zwrócić wyniki za pośrednictwem Ajax i wyświetlić. Po uzyskaniu wyników można utworzyć własny element div lub p, wypełnić je przychodzącymi danymi i wyświetlić. jeśli nie chcesz tego zrobić, użyj funkcji autouzupełniania interfejsu użytkownika jQuery.