Какой скрипт выбора страны в input для поля телефона?

Question

[rootnoroot]

Подскажите скрипт выбора страны для поля телефона
Мурыжу этот скрипт intlTelInput
ничего не выходит толком
в этом скрипте код страны идет сразу с названием
скачал локально его к себе, если убрать названия стран, то в выпадающем списке их не будет

Нужно на выходе что бы было следующее
флаг страны, код страны далее инпут со своим номером

какой не пробую
то или выбор страны выводится уже в value, то есть его не стилизуешь
то как выше

хочу вот так сделать, но не получается

Comments

[szQocks]

ищешь в инете данные, если там без флага - добавляешь флаг в данные, и с этими данными делаешь селект, чё тут сложного, для валидации номера пакет какой-нибудь потом заюзаешь и всё

[szQocks]

вот даже пакет с флагами, туда можно тупо прокинуть название страны например в том же формате Iso2 и выдаст тебе флаг

[rootnoroot]

szQocks, доступно, понятно
нужен именно скрипт
с уже базой стран, флагов и кодов как intlTelInput
+
именно какая то библиотека
т.к я его пытаюсь прикрутить к 1 полю на cf7

[rootnoroot]

szQocks, Спасибо. но это бред собирать

[szQocks]

rootnoroot,

с уже базой стран, флагов и кодов

дак эти данные быстро собрать можно, https://gist.github.com/zspine/d7303dd194ff09a9a487 берешь данные, пробегаешься по ним и для каждой страны делаешь свой флаг через пакет который я показал выше, а потом эти данные вывести в consol - из консоли их взять = вот тебе и готовые данные, останется ток библиотеку с селектом найти и прокинуть в неё нужные данные из твоих собранных данных

может там какой-то страны и не будет хватать, там уж в ручную добавить можно

[szQocks]

rootnoroot, ну или вот, я загуглил и нашёл, может поможет https://www.tutorialjinni.com/html-select-country-...

[Олег]

Вам за это залатят или на свой сайт пркручиваете? Если второе, то нафига? Кто будет платить за международную и шпрехать на всех языках?

[rootnoroot]

szQocks, Благодарю
я не видел что в intl-tel есть нужные опции
разобрался

[szQocks]

rootnoroot, да должны быть, и даже тот же плейсходер, и стилизовать через !important скорее всего, либо если можно прокинуть свои классы - прокинуть, в общем доку почитать надо

[rootnoroot]

Олег, что за дурацкие вопросы?
я вас не прошу за меня написать
прошу подсказать , кто уже имел дело с такими скриптами
ибо многие скрипты не имеют достаточно опций

раз так нужно, значит так нужно

вопрос снят
выше подсказали нужный скрипт с примером
этого достаточно
Всем Спасибо

[Олег]

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

[rootnoroot]

Олег,
боже мой, как можно быть таким дотошным?

Answer 1

[szQocks]

https://www.tutorialjinni.com/html-select-country-...

Comments

[rootnoroot]

Спасибо

[szQocks]

Михаил Р. зачем лайк, я ж просто пример скинул на тот пакет который он заюзал))

[Михаил Р.]

szQocks, так надо )

[rootnoroot]

szQocks, ну как раз эта опция, что в примере и нужна была
собственно
то есть, сейчас ок отображается как нужно
сейчас по дефолту только флаг, код страны и ввод
а в селекте уже номер

стилизация то само собой

Answer 2

[Михаил Р.]

International Telephone Input, Vanilla JS, React, Vue, 7к звиздецов и последнее обновление 3 часа назад, думаю достойный вариант.