2012-06-26 30 views
24

Necesito hacer un menú desplegable para ingresar números de teléfono. Quiero hacer algo similar a como lo hace google en su registration form. Algo como esto:¿Conoces algún menú desplegable JQuery de código abierto para el prefijo del teléfono?

enter image description here

¿Conoce alguna menú desplegable de código abierto para el prefijo de teléfono?

He buscado en google y lo más parecido que he encontrado es este menu. Puedo modificarlo para hacer lo que quiero pero tomará tiempo y creo que tal vez alguien ya haya hecho algo similar.

NOTA: El enlace que comparto contiene solo países y banderas. Estoy buscando un menú desplegable completo que contenga banderas, nombres de países, nombres de países en el idioma original, la capacidad de agregar un país primero ignorando el orden alfabético y los prefijos de teléfonos internacionales.

+2

el enlace ya compartiste el menú desplegable con banderas, ¿qué más quieres? –

+0

Gracias por sus comentarios, creo que no fui lo suficientemente claro. He editado la pregunta y he añadido ** NOTE ** para aclarar. Quiero funcionalidad completa con banderas, nombres de países, prefijos, nombres de países originales, etc. –

+2

También lo necesitaba, así que lo construí: https://github.com/Bluefieldscom/intl-tel-input – jackocnr

Respuesta

85

También lo necesitaba, así que I built it.

Aquí está a live demo.

Actualmente cuenta con las siguientes características:

  • En el menú desplegable de país se puede navegar escribiendo, o usando las teclas arriba/abajo
  • Selección de un país actualiza el código de marcación del número introducido
  • escribiendo un código de marcación diferente actualiza automáticamente la bandera que aparece
  • opción para especificar "países preferidos" (que aparecen en la parte superior de la lista)

que lo construyó de los siguientes proyectos de código abierto:

+0

¡Impresionante! Funciona muy bien – FloatingRock

+0

Gracias por compartir, excelente biblioteca! – Mattisdada

+0

Excelente complemento. Te mereces una palmadita en la espalda :) (¿Hay alguna manera de que yo pueda usar mi propia lista de países, desde mi db?) – 1nfected

0

Bueno, necesita una base de datos que contenga todos los detalles de los números de teléfono, luego debe consultar la base de datos a través de Ajax, devolver los resultados a través de Ajax y mostrarlos. Después de obtener los resultados, puede crear un elemento div o p propio, rellenarlos con los datos entrantes y mostrarlos. si no quiere hacer eso, use la Autocompletar de jQuery UI.

Cuestiones relacionadas