Пов'язані списки з використанням Ajax і MySQL
Такі списки дуже зручні, якщо вам треба вибрати якийсь об'єкт з певними характеристиками. Благо на поточний момент існує безліч готових рішень, від найпростіших, до більш складних, які працюють з використанням БД MySQL. На прикладі одного готового рішення ми розробимо пов'язані списки «Країна - Регіон - Місто» для нашого сайту. Дані ми будемо вибирати з бази даних.
Отрісуем форму для наочності:
Що нам необхідно?
При виборі країни, послати AJAX запит на сервер, отримати список регіонів в країні і підставити в другій селект, після чого виходячи з вибору другого селекта довантажити дані в третій.
Що ми для цього зробимо?
Необхідно повісити обробник події onchange на select з id = country_id, тобто при виборі країни ми хочемо викликати свою функцію, яка буде довантажувати список регіонів а потім і список міст по id = region_id.
selects.js - файл функцій для вибору СЕЛЕКТА
Як ми вже домовилися, бек-енд буде на php. Для початку нам потрібно підключитися до бази даних MySQL: (саму базу можна взяти тут)
connect.php - конфігурація:
get_regions.php - файл вибору регіонів:
get_city.php - файл вибору міст:
Пароль на архів webersoft.ru