Kapcsolódó dinamikus kiválasztáslistán nélkül oldal újratöltés, kódrészletek

Nagyon gyakran szembesülnek kapcsolatos kérdéseket a végrehajtás egy dinamikus legördülő listák (kiválasztás), sok módszer, a legkülönbözőbb, sőt, bizonyos JSON használunk, ami szerény véleményem szerint csak ismétli az adatokat az adatbázisból, és létrehozza a puszta redundancia.

Miután megismerkedett $ .ajax (JQuery), amely továbbítja az adatokat módszerekkel GET vagy POST, és rájött, hogy a kapcsolt listák, ez könnyebb, mint valaha.

Meg kell jegyezni, hogy vannak olyan módszereket, amelyek segítségével generál dinamikus listákat kolichesvo korlátlan ideig, ezek mind kapcsolatban. Ez a cikk ismerteti mindhárom listák, amelyek véleményem, elegendő, hogy értik a módszer, mint olyan, a teremtés annak alapján továbbfejlesztett algoritmus erre a feladatra.

Feladat: összekapcsolni a három (ország, régió, város) a legördülő listából $ .ajax (JQuery) újratöltés nélkül az oldalon, olyan adatokkal, amelyeket az adatbázis MySQL.

Először hozzon létre kapcsolt táblák az adatbázisban:

Írja be a következő HTML kódot:

Megjegyzés: a 2 üres díva «selectDataRegion» és «selectDataCity», melyben embed a generált legördülő listákból. SELECT országokkal létrehozott egy lekérdezést az adatbázis szerint rendezve ország neve mezőben. Elvileg, ha az első lista van statikus és változatlan adatokat, akkor egyszerűen írja az adatokat html, és ne használja az első adatbázis tábla, de akkor is meg kell nagyobb figyelmet fordítanak az ország, és egy csomó értéket ennek megfelelően állítsa.

HASZNOS Hyphenations a Hyphenator.js

Megjegyzendő, hogy mindkét funkció utalunk ugyanazt a fájlt. Beauty küld adatokat POST módszer lehetővé teszi, hogy kapcsolja a kapcsolót a változó hatások és a jogot, hogy használja azt.

Hozzon létre egy fájlt teljesítmény /action/ajax.base.php:

Most már csak tesztelni. Válassza ki a „Ukrajna” -> „Donyeck régióban.” -> „City”, és akkor boldog lesz! Házi, meg lehet valósítani a következő: nem elrejteni a listákat a régiók és városok, és ahelyett, hogy az üres div megmutatni ugyanazt legördülő listák csak regisztrálja őket egy null paraméter teskstom adatkiválasztás elején Selecta vagy manipulálni paraméter «fogyatékkal».

HASZNOS Keresés és csere lehetőséget a kapcsolatot