Van 2 select mező és a másodikban megjelenő menüket attól szeretném függővé tenni hogy az elsőben mit választottak ki.

Igazából nem értek a JS-hez. Valami kész kódnak örülnél.
Köszönöm!

Ismét szeretném jelezni, hogy rendkívül hálás vagyok mindenkinek a segítő szándékért, de megkérdek mindenkit, hogy durván rossz példát ne mutassunk a kezdőknek.

Bocs, Arkangyal, de egyrészt nem erre gondolt, másrészt ez a kód durván invalid több helyen is, és inline JS 2009-ben? Ezt most kikapcsoltam...

??? Akkor fogalmazzon konkrétabban . Vesszőkkel rágódjon ő vagy a w3 - futni meg fut és működik (1-1 alapon), pl. IE8 és Opera 10 alatt is.

~Mi is a pontos célunk?

Hogy rossz példát ne mutassunk, az például egy elég jó cél, így mindenképpen kerülném az invalid, hibás HTML kódot, és az inline JS-t, még akkor is ha fut. (???! Tele is van a web trágya szemét weboldalhegyekkel, amikben a HTML és a JS "fut" Pont ezen kéne változtatni a kezdők jó irányba terelgetésével, nem?)

Aztán az is lehet cél, hogy ráébresszük a kérdezőt, hogy az egy dolog, hogy JS-ből akarja megváltoztatni a második SELECT tartalmát, de arra gondolt vajon, hogy mi van akkor, ha az oldalára látogatónak nincs engedélyezve a JS? Google: graceful degradation javascript vagy progressive enhancement! 2009-et írunk és már azt sem sokáig, úgyhogy hajrá!

Én mondjuk így csinálnám. Ez sem tökéletes, és lehetne reszelni még hosszan, de most erre volt időm. Az alap HTML tartalmazza az összes SELECT-et. Ha nincs JS, megjelenik az összes kérdés, a LABEL-ek útbaigazítják az űrlapot kitöltőt. Ha van JS, akkor a megjelölt LABEL-eket és az azokhoz tartozó SELECT-eket elrejtjük, majd attól függően, hogy emberünk mit választ az első kérdésnél, a megfelelő második kérdést látja. Bónuszként meg lehet csinálni, hogy a LABEL-jét is átalakítjuk, hogy immár ne legyen benne a "Ha az előző kérdésnél bla-bla-bla...", én most ezzel nem foglalkoztam.

pelda1.html



pelda1.js


Általában fel szoktam kommentezni a forrást, ez most elmaradt, elnézést érte, mint ahogy azért is, hogy nem strukturáltam szépre a HTML kódot (nem tologattam beljebb a form elemeket).

Ha nem értetek valamit, kérdezzetek!

Véleményem:

_Szerintem_ működjön. Grace-ről meg már írtam véleményemet a HTML egyik témájában.

Leírtam egy alap koncepciót, amire szerintem gondolhatott kalóz a megfogalmazása alapján, _nekem_ ennyi megfelelne, hogy elinduljak (hogy gracehez /akarom mondani mindenhez való kompatibilitáshoz, de leginkább szabványhoz - a grace ennyi/ mennyire közelíti, legyen saját ügye).

Én nem látom értelmét, hogy akár csak 1 órát vacilláljak egy kód sorozat összeállításával, mikor "átláthatóság" miatt sokkal ésszerűbbnek tűnik egy "alap" vackot összedobni. Rajtad kívül sem látom itt, hogy mást is felháborítana az elgondolás, görcsösen ragaszkodsz hozzá, hogy maximalistán eleget tegyen a válasz minden, a problémában nem kért, feltételnek is. Ezt hívják az idő pazarlásnak: majd nyitok egy subrutin témát, amire folyamatosan lehet hivatkozni a megírt kódból...

"Mi van, ha nincs engedélyezve a JS?" Erre van több válasz is:
1. nem érdekel, ennyire van időm;
2. <NOSCRIPT>;
3. flash.
4. stb. Csak szerver vagy kliens oldal vagyok? Stb.
Másik témánál flasht ajánlottál, az meg flash plugin nélkül nem menne, akadályok voltak-vannak-lesznek. Ha kalózt érdekli ezek leküzdése is, akkor megírja - ő nem írta. De írok egy ötletet, hátha ez jobb megközelítés számodra: a Webszerkesztés fórumba belépéssel a felhasználónak el kelljen fogadnia egy szabályzatot, mi alapján ő se nem kérdezhet a grace figyelmbe vétele nélkül, se nem válaszolhat. Esetleg egészítsétek ki ezt a fenti szöveget (~ne mássoljatok be hosszú kódot, persze grace nélkül nehéz lesz).

Nos, én átlátom a kódodat, de kalóz írása alapján akár fogadni is mernék rá, hogy dunsztja sem lesz róla, hogy miket tartalmaz, mi micsoda, stb. Az enyém puritán, átlátható, reményeim szerint könnyen érthető volt - s azt is gondoltam, hogy az ő céljának megfelelt (-grace).

Elnézést, hogy ilyen sokáig nem írtam, de nem tudtam foglalkozni a kérdéssel.
Viszont, sajnos még nem tudtam megoldani a dolgot. Leírom pontosabban hogyan működne a dolog.
Intranetes hálózaton menne. Egy mysql adatbázisban lennének az adatok az alábbi egyszerű szerkezetben:

id -> azonosító
nev -> Megjelenő szöveg
sub_id -> szülő id értéke

(pl:
1, férfi, 0
2, nő, 0
3, Gábor, 1
4, Béla, 1,
5, Tímea, 2
6, Ildikó, 2)

Egy lekérdezés után (amelyik sub_id=0) kilistázzuk az első selectet. Addig a többi inaktív, vagy üres. Amikor az elsőt kiválasztottuk, lekérdezzük a következő select tartalmát, mégpedig az szerint hogy pl "Where sub_id=$_GET[id]", ekkor a második select is "feltöltődik" adattal, de csak azzal ami ami megfelel a lekérdezésnek és így tovább akár 4-5 select-en keresztül.

Két lehetőség van:

1. Ajax. Az első select tartalmát berakja az oldalt felépítő php, majd a JS figyeli a választást, elküldi a háttérben üldögélő másik php-nak, az visszadobja az új választási lehetőségeket, a JS berakja a második selectbe és így tovább.

2. Nem Ajax. Ez esetben az összes adatot leküldi a php a JS-nek az oldal felépítésekor, és a JS egyedül kilogikázza, hogy az egyes selectek kiválasztásakor a soron következőnek milyen tartalma lehet.

AJAX-hoz javaslom a jQuery $.load funkcióját, azzal nagyon könnyen viszonylag egyszerűen meg lehetne csinálni.