Foarte des se confruntă cu probleme legate de punerea în aplicare a unei dinamice liste derulante (selectați), o mulțime de metode, cele mai diverse, chiar si in este folosit un JSON, care, în opinia mea umila duplicate numai datele din baza de date și creează redundanța pură.
Odată ce m-am familiarizat cu $ .ajax (JQuery), care poate transfera date folosind metode GET sau POST și a realizat că listele legate sunt ușor.
Trebuie remarcat faptul că există metode în care puteți genera liste dinamice de nenumărate ori și toate acestea vor fi legate. În acest articol există doar trei liste, care, în opinia mea, sunt suficiente pentru înțelegerea metodei ca atare și pentru crearea pe baza acesteia a algoritmilor îmbunătățiți pentru realizarea sarcinii.
Sarcina: pentru a lega trei (țară, regiune, oraș) folosind drop-down lista $ .ajax (JQuery), fără a reîncărca pagina, cu datele preluate din baza de date MySQL.
În primul rând, creăm tabele asociate în baza de date:
Scrieți următorul cod html:
Nota 2 gol Diva «selectDataRegion» și «selectDataCity», în care vom încorpora listele derulante generate. Selectarea cu țările este generată prin interogarea bazei de date cu numele țării sortat după câmp. În principiu, în cazul în care prima listă aveți date statice și neschimbătoare, puteți pur și simplu scrie datele în HTML și să nu utilizeze primul tabel de baze de date, dar apoi va trebui să acorde mai multă atenție la țară, și o grămadă de valoare selectați în mod corespunzător.
UTILE Traduceri de cuvinte de la Hyphenator.js
Rețineți că în ambele funcții ne referim la același fișier. Frumusețea trimiterii datelor utilizând metoda POST este de a crea un comutator de comutare pe variabila de acțiune și de ao folosi corect.
Creați fișierul de execuție /action/ajax.base.php:
Rămâne acum să testeze. Alegeți "Ucraina" -> "Regiunea Donetsk" -> "City" și veți fi fericiți! Pentru temele, pot fi puse în aplicare după cum urmează: a nu ascunde listele regiunilor și orașelor, și în loc de divuri goale pentru a arăta aceleași liste derulante le înregistreze doar o singură selecție de date parametru teskstom nul la începutul Selecta sau să manipuleze parametrul «dezactivat».
USEFUL Căutați și înlocuiți parametrul în legătură
Trimiteți-le prietenilor: