v8 — выбор города с подсказками по стране

index.html

@@ -171,11 +171,12 @@ input[type=file]{display:none}
     </div>
     <input type="text" id="regClub" placeholder="Клуб / спортивная школа">
     <div class="grid2">
-      <select id="regCountry">
+      <select id="regCountry" onchange="updateCityList()">
         <option value="">Страна</option>
         <option>Австралия</option><option>Австрия</option><option>Азербайджан</option><option>Албания</option><option>Алжир</option><option>Ангола</option><option>Аргентина</option><option>Армения</option><option>Афганистан</option><option>Бангладеш</option><option>Бахрейн</option><option>Беларусь</option><option>Бельгия</option><option>Болгария</option><option>Боливия</option><option>Бразилия</option><option>Великобритания</option><option>Венгрия</option><option>Венесуэла</option><option>Вьетнам</option><option>Германия</option><option>Греция</option><option>Грузия</option><option>Дания</option><option>Египет</option><option>Израиль</option><option>Индия</option><option>Индонезия</option><option>Иран</option><option>Ирландия</option><option>Исландия</option><option>Испания</option><option>Италия</option><option>Казахстан</option><option>Канада</option><option>Катар</option><option>Кения</option><option>Кипр</option><option>Китай</option><option>Колумбия</option><option>Корея Южная</option><option>Куба</option><option>Кувейт</option><option>Кыргызстан</option><option>Латвия</option><option>Литва</option><option>Малайзия</option><option>Марокко</option><option>Мексика</option><option>Молдова</option><option>Монголия</option><option>Нидерланды</option><option>Новая Зеландия</option><option>Норвегия</option><option>ОАЭ</option><option>Пакистан</option><option>Перу</option><option>Польша</option><option>Португалия</option><option>Россия</option><option>Румыния</option><option>Саудовская Аравия</option><option>Сербия</option><option>Сингапур</option><option>Словакия</option><option>Словения</option><option>США</option><option>Таджикистан</option><option>Таиланд</option><option>Тайвань</option><option>Тунис</option><option>Туркменистан</option><option>Турция</option><option>Узбекистан</option><option>Украина</option><option>Филиппины</option><option>Финляндия</option><option>Франция</option><option>Хорватия</option><option>Чехия</option><option>Чили</option><option>Швейцария</option><option>Швеция</option><option>Эстония</option><option>ЮАР</option><option>Япония</option>
       </select>
-      <input type="text" id="regCity" placeholder="Город">
+      <input type="text" id="regCity" placeholder="Город" list="cityList" autocomplete="off">
+    <datalist id="cityList"></datalist>
     </div>
     <input type="text" id="regCoach" placeholder="Тренер (ФИО)">
     <div class="grid2">
@@ -400,6 +401,39 @@ function registerProfile() {
   loginProfile(profile.id);
 }
 
+const cityData = {
+  'Казахстан': ['Астана','Алматы','Шымкент','Актобе','Караганда','Тараз','Павлодар','Усть-Каменогорск','Семей','Атырау','Костанай','Кызылорда','Уральск','Петропавловск','Актау','Туркестан','Кокшетау','Талдыкорган'],
+  'Россия': ['Москва','Санкт-Петербург','Новосибирск','Екатеринбург','Казань','Нижний Новгород','Челябинск','Самара','Омск','Ростов-на-Дону','Уфа','Красноярск','Воронеж','Пермь','Волгоград'],
+  'США': ['Нью-Йорк','Лос-Анджелес','Чикаго','Хьюстон','Финикс','Филадельфия','Сан-Антонио','Сан-Диего','Даллас','Сан-Хосе','Остин','Майами','Бостон','Сиэтл','Денвер'],
+  'Китай': ['Пекин','Шанхай','Гуанчжоу','Шэньчжэнь','Чэнду','Ухань','Нанкин','Ханчжоу','Тяньцзинь','Чунцин'],
+  'Турция': ['Стамбул','Анкара','Измир','Бурса','Анталья','Адана','Конья','Газиантеп','Мерсин','Диярбакыр'],
+  'Украина': ['Киев','Харьков','Одесса','Днепр','Львов','Запорожье','Винница','Полтава','Чернигов','Ивано-Франковск'],
+  'Узбекистан': ['Ташкент','Самарканд','Бухара','Наманган','Андижан','Фергана','Нукус','Карши','Коканд','Маргилан'],
+  'Германия': ['Берлин','Мюнхен','Гамбург','Кёльн','Франкфурт','Штутгарт','Дюссельдорф','Лейпциг','Дортмунд','Эссен'],
+  'Франция': ['Париж','Марсель','Лион','Тулуза','Ницца','Нант','Страсбург','Монпелье','Бордо','Лилль'],
+  'Великобритания': ['Лондон','Манчестер','Бирмингем','Лидс','Глазго','Ливерпуль','Бристоль','Эдинбург','Шеффилд','Ноттингем'],
+  'Япония': ['Токио','Осака','Киото','Иокогама','Нагоя','Саппоро','Фукуока','Кобе','Хиросима','Сендай'],
+  'Корея Южная': ['Сеул','Пусан','Инчхон','Тэгу','Тэджон','Кванджу','Сувон','Ульсан','Чханвон','Коян'],
+  'ОАЭ': ['Дубай','Абу-Даби','Шарджа','Аль-Айн','Аджман','Рас-эль-Хайма','Фуджейра','Умм-эль-Кувейн'],
+  'Кыргызстан': ['Бишкек','Ош','Джалал-Абад','Каракол','Токмок','Нарын','Балыкчы','Талас'],
+  'Азербайджан': ['Баку','Гянджа','Сумгаит','Мингечаур','Ширван','Нахичевань','Шеки','Ленкорань'],
+  'Беларусь': ['Минск','Гомель','Могилёв','Витебск','Гродно','Брест','Бобруйск','Барановичи'],
+  'Италия': ['Рим','Милан','Неаполь','Турин','Флоренция','Болонья','Венеция','Генуя','Верона','Палермо'],
+  'Испания': ['Мадрид','Барселона','Валенсия','Севилья','Малага','Бильбао','Сарагоса','Аликанте','Гранада','Пальма'],
+  'Канада': ['Торонто','Монреаль','Ванкувер','Калгари','Эдмонтон','Оттава','Квебек','Виннипег','Гамильтон','Китченер'],
+  'Австралия': ['Сидней','Мельбурн','Брисбен','Перт','Аделаида','Голд-Кост','Канберра','Ньюкасл','Хобарт','Дарвин'],
+  'Бразилия': ['Сан-Паулу','Рио-де-Жанейро','Бразилиа','Салвадор','Форталеза','Белу-Оризонти','Манаус','Куритиба','Ресифи','Порту-Алегри'],
+  'Индия': ['Дели','Мумбаи','Бангалор','Ченнаи','Калькутта','Хайдарабад','Пуна','Ахмадабад','Джайпур','Лакхнау']
+};
+
+function updateCityList() {
+  const country = document.getElementById('regCountry').value;
+  const datalist = document.getElementById('cityList');
+  datalist.innerHTML = '';
+  const cities = cityData[country] || [];
+  cities.forEach(c => { const opt = document.createElement('option'); opt.value = c; datalist.appendChild(opt); });
+}
+
 function calcAge() {
   const b = document.getElementById('regBirth').value;
   if (!b) return;