Dafür musst du entweder die komplette Verzeichnisstruktur vorladen und hinterlegen oder per AJAX nachladen.
Für das Event ist auf jeden Fall onchange des selects verantwortlich, dort kannst du dann deine Logik hinterlegen.
Code:
<select onchange="doAnything()">...</select>
Um die Einträge des zweiten selects zu ändern, kannst du entweder mit dem DOM-Baum arbeiten
Code:
var newOption1 = document.createElement("option");
newOption1.text = "optionText1";
newOption1.value = "optionValue1";
document.getElementById("zweitesSelect").appendChild(newOption1);
var newOption2 = document.createElement("option");
newOption2.text = "optionText2";
newOption2.value = "optionValue2";
document.getElementById("zweitesSelect").appendChild(newOption2);
oder du packst sie alle per innerHTML dran
Code:
document.getElementById("zweitesSelect").innerHTML = "<option value=\"optionValue1\">optionText1</option><option value=\"optionValue2\">optionValue2</option>";
Die erste Variante ist eindeutig dynamischer und bietet dir mehr Möglichkeiten weiter zu modifizieren, die zweite geht dafür für solch einfache Sachen schneller.
MFG Connar