Kategorie + Unterkategorie auswahl durch Selectboxen

[crios]

Hallo,

da ich normalerweise hauptsächlich php programmiere kann ich leider nur die ganz simplen Javascript geschichten. Nun brauche ich allerdings eine etwas umfangreichere Geschichte

Folgendes:

Ich habe eine Tabelle ca so:

Titel1 | Kategoriewahl1
Titel2 | Kategoriewahl2
Titel3 | Kategoriewahl3

man weist also gewissen titeln kategorien / unterkategorien zu

nun wollte ich das man mit bei der Kategoriewahl mit einer Select box startet wo nur die Hauptkategorien zu finden sind, bei der Auswahl einer solchen erscheint hinter der Select box eine neue Select box mit den unterkategorien usw.

die kategorien + unterkategorien habe ich mir gedacht könnt man im javascript code ja erstmal durch php erzeugen lassen (per hand wäre wohl etwas viel )

ca so:

kategorien[0] = "<option value="1">Kategorie1</option>
<option value="2">Kategorie2</option>"

kategorien[1] = "<option value="3">Kategorie3</option>
<option value="4">Kategorie4</option>"

kategorie[0] würde nun hier die hauptkategorien enthalten und kategorien[1] die unterkategorien von der hauptkategorie 1

----
wichtig ist das die namen der select boxen der einzelnen ZEILEN durchnummerriert sind(id kann beim aufruf der funktion (ich denke mal onchange bei der selekt box) mit übergeben werden.
----

hoffe das ist verständlich


habe nun auch so einiges schon ausprobiert nur bin leider kläglich gescheitert

wäre cool wenn ihr mir helfen würdet.

 

[crios]

Ok habe nun was nutzbares im internet gefunden allerdings beim anpassen des scriptes gibts ein problem


beim aufrufen der funktion übergebe ich immer Zeilenid und Selectid Zeilenid ist halt die Zeile und Selectid verweist auf die Selectbox der Zeile

zurzeit habe ichs so:

function update_auswahl(Selectid,Zeilenid)
 {
 // var selectTitel = "test" + Zeilenid + "_" + Selectid;
  //var kategorieAuswahl = document.forms.testform.selectTitel;
  //var neuSelectid = Selectid + 1
  //var neuselectTitel = "test" + Zeilenid + "_" + neuSelectid;
  //var unterkategorieAuswahl = document.forms.testform.neueselectTitel;
  
  if(Selectid == 1 && Zeilenid == 1) {
  	 var kategorieAuswahl = document.forms.testform.test1_1;
  	 var unterkategorieAuswahl = document.forms.testform.test1_2;
  }
    
  if(Selectid == 2 && Zeilenid == 1) {
  	 var kategorieAuswahl = document.forms.testform.test1_2;
  	 var unterkategorieAuswahl = document.forms.testform.test1_3;
  }

das mit den if dingern würde ich dann durch php generieren lassen, wäre aber auch bei 100 Zeilen mit jeweils 3 Selectboxen 300 mal ein son if block! Das ist natürlich zuviel daher würd ichs gerne so lösen wie in dem deaktivieren code:

 // var selectTitel = "test" + Zeilenid + "_" + Selectid;
  //var kategorieAuswahl = document.forms.testform.selectTitel;
  //var neuSelectid = Selectid + 1
  //var neuselectTitel = "test" + Zeilenid + "_" + neuSelectid;
  //var unterkategorieAuswahl = document.forms.testform.neueselectTitel;

das funktioniert so allerdings nicht! Habe schon bei google X Javascript seiten / Anleitungen durchgeguckt aber zu diesem Problem find ich nichts.

wie löse ich das nun am besten?