Динамічне підвантаження даних для select

Відео: jQuery подгрузка контенту без перезавантаження

На деяких сайтах при заповненні форми відбувається динамічне підвантаження даних для select. Наприклад, після того, як Ви вкажете країну, автоматично будуть довантажуючи в наступний select міста, що належать цій країні. І недавно мене попросили написати про те, як це робиться.

Почнемо з форми і jаvascript-коду:

Відео: Посторінкова лінива завантаження (lazy load) постів

При зміні значення в select з країнами робиться запит на сервер, відправляючи при цьому id обраної країни. Сервер повертає список міст, відповідних id обраної країни. Тепер і сама серверна частина:

Відео: Зовсім списки

lt ;?php 
if($ _POST["Id"]=="0") echo json_encode(array("0"= Gt;"Москва","1"= Gt;"Санкт-Петербург")) - 
 elseif ($ _POST["Id"]=="1") echo json_encode(array("2"= Gt;"Київ","3"= Gt;"Одеса")) - 
?gt;

Тут я думаю все дуже прозоро. Безумовно, дані можуть довантажувати з бази даних. Головне, отримані масиви перетворити в JSON-рядок, яку і відправити вже клієнтської частини.