ПредишенСледващото

Свързани динамичен изберете списък без презареждане на страницата
Много често се сблъскват с въпроси, свързани с прилагането на динамични списъци с възможност (изберете), много методи, най-различни, дори и в се използва някои JSON, която по мое скромно мнение само дублира данните от базата данни и създава чист съкращения.

След запознаване с $ .ajax (JQuery), който може да предава данни по методи GET или POST, и осъзнах, че свързани списъци, е по-лесно от всякога.

Трябва да се отбележи, че има начини, по които можете да генерирате динамични списъци kolichesvo неограничено време и всички те ще бъдат свързани. Тази статия описва трите списъци, които, по мое мнение, е достатъчна за разбиране на метода като такъв и създаването на негова основа на подобрени алгоритми за изпълнение на задачата.

Задача: да се свърже три (държава, регион, град) с помощта на падащия списък $ .ajax (JQuery), без да презаредите страницата с данни, взети от MySQL база данни.

Първо, създаване свързани таблици в базата данни:
Напишете следния HTML код:
Обърнете внимание на две празни дива «selectDataRegion» и «selectDataCity», в който ние ще вградите генерираните списъци падащите. SELECT със страни, генерирани от заявка към базата данни, сортирани по име поле страна. По принцип, ако първият списък имате статични и неизменни данни, можете просто да напишете данните в HTML, а не да се използва първата таблица на база данни, но след това ще трябва да се обръща повече внимание на страната, както и един куп стойност изберете съответния начин.

Създайте файл изпълнение /action/ajax.base.php:
Сега остава да се тества. Изберете "Украйна" - ". Донецка област"> -> "Сити" и ще се радваме! За домашна работа, може да се прилага, както следва: да не се крият списъците на регионите и градовете, и вместо празни divs да покаже същите списъци падащите ги регистрират само една нищожна избор данни параметър teskstom в началото на Selecta или манипулират параметър «увреждания».

Подкрепете проекта - споделете линка, благодаря!