Как сделать select phone country code?

Question

[Andress84]

Пытаюсь реализовать select phone country code, нашел готовое решение на CodePen:
https://codepen.io/piyushpd139/pen/JjNjzBb

но это не совсем то, что нужно. Необходимо, чтобы сверху был список стран(код) , где при нажатии на страну, можно было вводить номер телефона в форме.

Как здесь

Answer 1

[maksam07]

Совсем не то?

https://codepen.io/maksam07/pen/ExMrwrY

Comments

[Сергей delphinpro]

Странно как-то дублировать списки

[maksam07]

Сергей delphinpro, я не углублялся в работу библиотеки, возможно можно отключить список во втором поле

[Andress84]

Почти то, но только во второй форме не должно быть выбора страны. Первая форма - это выбор страны, во второй, подставляется код с первой формы и можно вводить телефон

[maksam07]

Andress84, обновил код

[Andress84]

maksam07, Спасибо большое, только можно ли сделать, чтобы в input отображался код страны и не было флага

[maksam07]

Andress84, в другом ответе человек подказал на счет showFlag, а на счет другого нужно смотреть документацию или кастомить свое решение.

Answer 2

[Сергей delphinpro]

Изучите документацию к плагину https://github.com/jackocnr/intl-tel-input

Вам нужны

• опция allowDropdown, чтобы отключить штатный выпадающий список
  
• метод setCountry(), чтобы установить страну, которую вы выберете в отдельном выпадающем списке
  
• возможно, вы еще захотите отключить отображение флагов опцией showFlag