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

Для создания выпадающего списка для выбора телефонного кода страны с использованием JavaScript можно использовать следующий подход.

1. Создайте HTML-элемент <select>, который будет отображать список доступных кодов страны:

<select id="countryCodeSelect">
  <!-- коды стран будут добавлены программно -->
</select>

2. Создайте JavaScript-функцию, которая будет заполнять выпадающий список кодами страны:

function populateCountryCodes() {
  // получите ссылку на HTML-элемент выпадающего списка
  var countryCodeSelect = document.getElementById("countryCodeSelect");

  // определите список кодов страны
  var countryCodes = [
    { name: "United States", code: "+1" },
    { name: "United Kingdom", code: "+44" },
    { name: "Canada", code: "+1" },
    // добавьте остальные коды страны по аналогии
  ];

  // создайте и добавьте элементы <option> в список
  for (var i = 0; i < countryCodes.length; i++) {
    var option = document.createElement("option");
    option.text = countryCodes[i].name + " " + countryCodes[i].code;
    option.value = countryCodes[i].code;
    countryCodeSelect.add(option);
  }
}

3. Вызовите функцию populateCountryCodes() при загрузке страницы или при инициализации скрипта:

window.onload = populateCountryCodes;

4. Примерный результат будет выглядеть следующим образом:

<select id="countryCodeSelect">
  <option value="+1">United States +1</option>
  <option value="+44">United Kingdom +44</option>
  <option value="+1">Canada +1</option>
  <!-- остальные коды страны -->
</select>

Это всего лишь примерная реализация. На практике, вам может потребоваться получить список кодов страны из какого-либо источника данных, например, из API. Кроме того, рекомендуется провести проверку на соответствие кодам страны формату перед отправкой данных на сервер.