Uneori trebuie să creați liste derulante foarte lungi, ale căror valori nu pot fi stabilite în marcajul HTML. De exemplu, o listă de orașe și țări, zile și luni poate fi stabilită fără probleme. Și valorile de ieșire din baza de date și să le înlocuiți în lista derulantă și chiar să faceți o listă cu trei sau patru niveluri și chiar fără a reîncărca pagina, folosind AJAX - trage deja un articol bun.
Astăzi vom crea un script interesant pe care îl puteți instala în magazinul dvs. online în viitor. Și voi împărți articolul în părți separate, pe care le voi plasa în secțiunile relevante ale site-ului.
Ce vom crea în aceste lecții:
Modulul de selecție a pieselor de schimb de către marca automobilului
Pentru ca noi să facem acest lucru în acest capitol.
- Obținem valorile ca matrice pentru prima listă derulantă.
- Lista derulantă obține valorile din baza de date, actualizează valorile celei de-a doua liste. Utilizați jQuery în codul nostru.
- Creați un fișier de clasă separat și adăugați metode - funcții pentru utilizarea convenabilă a scenariului nostru în viitor.
Mai întâi, creați un fișier de conectare la baza de date.
Da, da, da. Vom folosi baza de date a pieselor de schimb auto. Aproape la fiecare al doilea site mare, programatorii folosesc această bază de date. Conține toate mărcile cunoscute și necunoscute de autoturisme, defalcate în funcție de ani, volumul motorului și cel al mașinii.
Baza de date este foarte serezdnaya în viitor, pentru prelucrarea datelor, vom folosi toate procesoarele disponibile linii de PHP, care vor folosi aceste informații pentru a căuta magazinul online.
Baza de date a catalogului pentru selectarea pieselor auto
Iată structura tabelului pentru selectarea pneurilor și a discurilor:
După cum vedem structura meselor este foarte simplă. Separatoare de linii utilizate și # în unele poziții, adică anvelopele din față, de exemplu, sunt separate printr-o linie dreaptă și o rețea pentru împărțirea eventualelor perechi de anvelope față și spate instalate în fabrică.
Tabelele rămase diferă ușor între caracteristici, însă sortarea principală se bazează pe trei, patru criterii. Producător, marca, anul de fabricație, modificare. Să facem un exemplu pentru selectarea pneurilor și a discurilor.
Forma obișnuită, sau ceva inutil, cu excepția acestei linii:
Nu este doar o linie - este postul nostru de transport maritim. Inițializăm lista tuturor producătorilor de mașini la deschiderea paginii noastre și generăm automat o listă a tuturor mașinilor disponibile în formular după cum urmează:
Valoarea primei liste derulante selectate de utilizator va fi comparată cu cea de-a doua, iar cea de-a doua cu cea de-a treia și așa mai departe, până când eliminăm șirurile inutile ale bazei de date.
Iată cum arată:
Creați un fișier php, procesați și preîncărcați marca automobilului.
Probabil ați încercat să rulați scenariul în acțiune, dar încă nu este gata. Deoarece nu am introdus datele generate de ciclu în forma noastră. Pentru a face acest lucru, să conectăm fișierul PHP cu codul nostru scris înainte de formular:
Acum, în opinia mea, va fi cea mai dificilă parte a scenariului. Am folosit biblioteca jQuery, deoarece economisește mult timp când accesează obiecte. Nu uitați să îl conectați la site-ul dvs.
Un pic cam complicat, dar nu vă faceți griji. Când îți dai seama de acest cod - înainte de a deschide întreaga imagine a scriptului viitor. Mai întâi, facem toate elementele din lista drop-down inaccesibile cu excepția primei și apoi le deschidem treptat și înlocuim valorile care vin de la server.
Iată codul pentru fișierul select_type.php nedefinit:
Toată logica poate fi făcută diferit și se potrivește într-un fișier, dar pentru viitoarea mea dezvoltare am avut nevoie să trimit fiecare cerere de post într-un fișier separat.
În general, adăugăm funcția lipsă în fișierul nostru select.class.php
Vom scrie o listă de drop-down dinamică pe php + mysql
Codul sursă pentru fișierele care vor fi accesate este select_year.php:
Și am răspândit piesele lipsă select.class.php
În această etapă, am terminat să scriem o listă derulantă pe mai multe niveluri folosind ajax php și mysql. Dar avem doar un singur buton pentru a confirma.
Articole similare
Trimiteți-le prietenilor: