Hoi Laura,
Hier een voorbeeld met commentaar:
[js]<html>
<head>
<script>
var data = { // Opslaan van gegevens, wellicht niet de meest mooie manier maar het werkt.
A: ["A1", "A2", "A3"],
B: ["B1", "B2", "B3"],
C: ["C1", "C2", "C3"]
};
function firstChange(){
var value = document.getElementById("firstChange").value; // Waarde van de eerste dropdown (select) box ophalen
var secondSelect = document.getElementById("secondChange"); // Tweede dropdown box ophalen
secondSelect.innerHTML = ""; // Alle opties in de dropdown box leegmaken
for(var optie in data[value]){ // Voor elke optie in de lijst met opties
var text = data[value][optie]; // Haal item op (A1 bijv.)
secondSelect.options[secondSelect.options.length] = new Option(text,text); // Voeg dit item toe aan de dropdown lijst
}
}
</script>
</head>
<body>
<select id="firstChange" onchange="firstChange()" style="width:300px">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<select id="secondChange" style="width:300px">
<option>Hier komt de sub-keuze lijst</option>
</select>
</body>
</html>[/js]
