Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Выбор страна, регион, город с использованием Ajax

Имеются три селекта: страна>регион>город при выборе страны подгружается список регионов, при выборе региона подгружается список городов, а при выборе города нужно делать переход на страницу index.php?country=RU&area=2&city=3 тоесть с теми значениями, которые были выбраны в трёх селектах, по ним нужно сделать переход на страницу.

Более простой пример, не использующий технологию Ajax: выбор страна, регион, город, но без технологии Ajax, с перезагрузкой страницы после выбора каждого селекта.

"Фишка" данного примера, кроме подгрузки областей и городов по техногии Ajax, - это автоматическое определение местонахождения по IP-адресу. Вы, наверное заметили, что изначально выбран именно Ваш регион и город.

Первый вариант показывает все города области без учета района:


Ваш IP: 3.235.176.80. Информация об IP адресе 3.235.176.80




Город: Эшбёрн (Ashburn) Wiki
Район: Уэстморленд , Районный центр: Mathews
Регион(область): Виргиния Wiki, Областной центр: Ричмонд
Код области или код штата: VA
Страна: Соединенные Штаты Wiki (Соединенные Штаты Америки, United States, ISO:840)
Часть света: Америка
Код страны(2): US
Код страны(3): USA
Широта: 39.0437
Долгота: -77.4875

Телефонный код страны: +1
Временная зона(Time Zone,UTC,GMT): -4
Осталось 20 бесплатных запросов до 21:26:21 24.05.22

Второй пример показывает все города в выбранном районе:


Ваш IP: . Информация об IP адресе

Часть света:
Страна:
Область:
Район:
Город:

Город: Эшбёрн (Ashburn) Wiki
Район: Уэстморленд , Районный центр: Mathews
Регион(область): Виргиния Wiki, Областной центр: Ричмонд
Код области или код штата: VA
Страна: Соединенные Штаты Wiki (Соединенные Штаты Америки, United States, ISO:840)
Часть света: Америка
Код страны(2): US
Код страны(3): USA
Широта: 39.0437
Долгота: -77.4875

Телефонный код страны: +1
Временная зона(Time Zone,UTC,GMT): -4
Осталось 20 бесплатных запросов до 21:26:21 24.05.22

Исходный код примера здесь. Заполненная база данных со всеми таблицами доступна платно.

Все гео-сервисы.


.