Понякога трябва да се създаде един много дълъг падащи списъци, стойността на което е невъзможно, можете да настроите за маркиране, HTML. Например списък на градове и държави, дни и месеци може да се настрои без никакви проблеми. А стойностите на дисплея от базата данни, както и да ги замести в падащото меню, в списъка, а дори и да направят списък на подход три или четири нива, а дори и без да презаредите страницата с помощта на AJAX - е насочено към една добра статия.
Днес, ние сме с теб Нека създадем интересен сценарий, който можете да настроите в бъдеще на своя онлайн магазин. И аз ще разделя статията на отделни части, които са поставени в съответните раздели на сайта.
Какво ще да се създаде в тези уроци:
модул Части избор за кола марки
За това ние трябва да направим в тази глава.
- Стойности получат под формата на масив за първи падащия списък.
- Описание за падащия списък получава от базата данни, актуализира стойността на втория списък. Използването на JQuery в нашия код.
- Създаване на отделен клас за прехвърляне на файлове и добавете методи - функция за лесно използване на скрипта в бъдеще.
Първо, създаване на връзка към база от данни.
Да, да, да. Ние ще използваме базата данни на автомобилни части. Почти на всеки втората по големина сграда програмисти сайт използва тази база данни. Книгата съдържа всички известни и неизвестни марки автомобили, разделени по възраст, obemu двигателя и хлипа-правителствен автомобил марка.
Базата данни е много serezdnaya в бъдеще, за обработка на данни, ние ще използваме всички налични процесори PHP линии, които ще използват тази информация, за да търсите в онлайн магазина.
директория на базата данни за избор на резервни части
Тук е структурата на таблицата на гумите и избор на устройство:
Както можем да видим на структурата на таблицата е много проста. Използвайте разделители | и # в трета позиция, т.е. задните предните гуми например разделящи линия под решетката и за отделяне на възможни фабрично инсталирани двойки предни и задни двойки гуми.
Други маси са малко по-различни от характеристики, но основната сортирането се предлага в три, четири критерия. Производителят, марка, година на производство, модификация. Да направим един пример за избор на джанти и гуми.
Обичайната форма, или нещо излишно, с изключение на тази линия:
Това не е просто една линия - това е нашата Пънк заминаването. Списък на всички производители на автомобили, ние се инициализира, когато отворите нашата уеб страница и автоматично генериране на списък с всички налични автомобили под формата на следния вид:
избраната стойност Потребителската стойност на първия падащия списък ще бъде в сравнение с второто, а втората с третата и така нататък, докато otseit ние нямаме нужда от един ред база данни.
Ето как изглежда:
Създаване на PHP файл обработка и предварително зареждане на автомобил марка.
Може би са се опитали да се стартира скрипт на място, но той все още не е готова. Тъй като ние не поставите генерираните данни цикъл в нашата форма. За да направите това, нека да се свърже РНР подаде писменото ни код, преди формата:
Сега по мое мнение това е най-трудната част от сценария. Аз бях на JQuery библиотеката, тъй като тя спестява много време при достъп до обекта. Не забравяйте да го свържете към вашия сайт.
Малко по-сложно, но не се притеснявайте. Когато разберете тази част от кода - ще получите цялата картина на бъдещето на сценария. Ние започваме да обезсили всички елементи, с изключение на първия падащ списък и след това постепенно да ги отворите и да замести стойностите, които идват при нас от сървъра.
Тук е файл с код nedostoyuschie select_type.php:
Всички логика може да се направи по различен начин и се вписват в един файл, но при мен за бъдещи разработки взеха всеки пост е подадена молба в отделен файл.
Така че ние завърши липсва функция в нашия файл select.class.php
Писане динамичен падащия списък на PHP + MySQL на
Сорс кодът за достъп до файловете select_year.php:
И разпространи липсващите парчета select.class.php
На този етап ние напишете падащия списък на много нива чрез Аякс PHP и MySQL. Но ние останахме един манипулатор натискане на бутона потвърдете.
Свързани статии