2012-06-26 4 views
24

Devo fare un menu a discesa per inserire i numeri di telefono. Voglio fare qualcosa di simile come fa Google nel suo registration form. Qualcosa di simile a questo:Conosci il menu a discesa JQuery di opensource per il prefisso telefonico?

enter image description here

Sai qualsiasi menu a discesa opensource per il prefisso telefonico?

Ho cercato su google e la cosa più simile che ho trovato è questa menu. Posso modificarlo per fare ciò che voglio ma ci vorrà del tempo e penso che qualcuno abbia già fatto qualcosa di simile.

NOTA: il collegamento che sto condividendo contiene solo paesi e bandiere. Sto cercando un menu a discesa completo contenente le bandiere, i nomi dei paesi, i nomi dei paesi in lingua originale, la possibilità di aggiungere un paese prima ignorando l'ordine alfabetico e i prefissi telefonici internazionali.

+2

il link hai condiviso già il menu a discesa con le bandiere, cos'altro vuoi? –

+0

Grazie per il commento, penso di non essere stato abbastanza chiaro. Ho modificato la domanda e ho aggiunto un ** NOTE ** per chiarire. Voglio piena funzionalità con bandiere, nomi dei paesi, prefissi, nomi dei paesi originali, ecc. –

+2

Avevo anche bisogno di questo, quindi l'ho creato: https://github.com/Bluefieldscom/intl-tel-input – jackocnr

risposta

85

Avevo anche bisogno di questo, quindi I built it.

Ecco a live demo.

Attualmente ha le seguenti caratteristiche:

  • Nel menu a discesa Paese è possibile navigare a macchina, o utilizzando i tasti su/giù
  • Selezione del Paese aggiorna il codice di composizione del numero immesso
  • Digitando un codice di composizione diversa aggiorna automaticamente la bandiera visualizzata
  • opzione per specificare "paesi preferiti" (che appaiono in cima alla lista)

ho costruito fuori dei seguenti progetti open source:

+0

Fantastico! Funziona alla grande – FloatingRock

+0

Grazie per aver condiviso, ottima libreria! – Mattisdada

+0

Eccellente plug-in. Ti meriti una pacca sulla schiena :) (c'è un modo per utilizzare la mia lista di paesi, dal mio db?) – 1nfected

0

Bene, è necessario un database che contenga tutti i dettagli dei numeri di telefono, quindi è necessario interrogare il database tramite Ajax, restituire i risultati tramite Ajax e visualizzarlo. Dopo aver ottenuto i risultati, è possibile creare un elemento div o p personalizzato, popolarli con i dati in arrivo e visualizzarli. se non vuoi farlo, usa il completamento automatico dell'interfaccia utente jQuery.