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

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

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

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

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


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




Город: Канберра (Canberra) Wiki
Район: CANBERRA , Районный центр: Australian National University
Регион(обрасть): Австралийская столичная территория Wiki, Областной центр: Канберра
Страна: Австралия Wiki (, Australia, ISO:036) , Столица Канберра
Часть света: Океания
Код страны(2): AU
Код страны(3): AUS
Широта: -35.3269
Долгота: 149.113

Телефонный код страны: +61
Телефонный код города: 2
Временная зона(Time Zone,UTC,GMT): +10
Домен: ec2-34-228-30-69.compute-1.amazonaws.com
Осталось 20 запросов до 03:53:55 12.12.18

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


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

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

Город: Канберра (Canberra) Wiki
Район: CANBERRA , Районный центр: Australian National University
Регион(обрасть): Австралийская столичная территория Wiki, Областной центр: Канберра
Страна: Австралия Wiki (, Australia, ISO:036) , Столица Канберра
Часть света: Океания
Код страны(2): AU
Код страны(3): AUS
Широта: -35.3269
Долгота: 149.113

Телефонный код страны: +61
Телефонный код города: 2
Временная зона(Time Zone,UTC,GMT): +10
Домен: ec2-34-228-30-69.compute-1.amazonaws.com
Осталось 20 запросов до 03:53:55 12.12.18

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

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


.

Популярное:


Содержание:


Новое за неделю



Сейчас на сайте: 2410

Rambler's Top100