Czy znasz jakieś rozwijane menu opensource JQuery dla prefiksu telefonu?

Muszę zrobić rozwijane menu do wprowadzania numerów telefonów. Chcę zrobić coś podobnego jak google robi w swoim formularzu rejestracyjnym. Coś takiego:

Tutaj wpisz opis obrazka

Czy znasz jakieś rozwijane menu opensource dla prefiksu telefonu?

Szukałem w google i najbardziej podobne rzeczy znalazłem to to menu . Mogę go zmodyfikować tak, aby robił to, co chcę, ale zajmie to trochę czasu i myślę, że może ktoś już coś zrobił podobne.

Uwaga: link, który 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ąc kolejność alfabetyczną i międzynarodowe prefiksy telefoniczne.

Author: Oscar Foley, 2012-06-26
Source

2 answers

Też tego potrzebowałem, więc zbudowałem go .

Oto demo na żywo .

Obecnie posiada następujące funkcje:

  • W rozwijanym kraju można poruszać się wpisując lub używając klawiszy GÓRA / DÓŁ
  • wybór kraju aktualizuje kod wybierania wprowadzonego numeru
  • wpisanie innego kodu wybierania automatycznie aktualizuje wyświetloną flagę
  • opcja określająca "preferowane kraje" (które pojawiają się u góry lista)

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

 92
Author: jackocnr,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-02-23 22:34:37

Cóż, potrzebujesz bazy danych, która zawiera wszystkie szczegóły numerów telefonów, następnie musisz odpytywać bazę danych za pomocą Ajax, zwracać wyniki za pomocą Ajax i wyświetlać je. Po uzyskaniu wyników możesz utworzyć własny element div lub p, wypełnić je przychodzącymi danymi i wyświetlić je. jeśli nie chcesz tego robić, użyj jQuery UI Autocomplete.

 1
Author: SexyBeast,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-06-26 09:59:30