data dynamisch laden en onthouden
ben een beetje bezig met javascript en heb het volgende geschreven:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
var checkbox = document.getElementById(district); //waarbij district wordt meegegeven met de functie oproep in een onChange event
if (checkbox.checked==true) {
for (var i = 0; i < xmlMarkers.length; i++) {
if (xmlMarkers[i].getAttribute("stadsdeel") == district) {
var wijk = xmlMarkers[i].getAttribute("wijk");
wijken[wijk] = "wijk " + wijk;
};
}
}
Wat het doet is bepaalde waarde uit een xml halen wanneer er een checkbox gecheckt is. verder op worden die gegevens in een select element als options verwerkt. Werkt zoals het moet voor 1 enkele checkbox, alleen heb ik niet 1 maar een onbekend aantal checkboxes die samen 1 select element moeten vullen, zoals hieronder:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
// Check de check boxes
if (document.getElementById("noord").checked==true) {
wijken["1"] = "Wijk 1";
wijken["2"] = "Wijk 2";
}
if (document.getElementById("zuid").checked==true) wijken["3"] = "Wijk 3";
if (document.getElementById("oost").checked==true) wijken["4"] = "Wijk 4";
iemand een idee hoe ik dat voor elkaar krijg?
PS
Je weet: bij checkboxes kan je verschillende waardes aanvinken, bij een select box kan je over het algemeen maar 1 waarde selecteren.
Gewijzigd op 13/12/2010 15:43:59 door Kris Peeters
De functie die aangeroepen wordt staat in het bericht boven jou post, maar ipv dat deze alle wijken binnen "Noord" en "Zuid" (via de wijken[wijk] array, waarvan de waardes in <option>s binnen de select geplaatst worden) laat zien, laat deze alleen "Noord" of "Zuid" zien.
Die wijken staan in een xml gekoppeld aan het gebied.
In plaats van dat ik dit als fictieve output krijg:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
// Check de checkboxes (noord oost en zuid gechecked: laat alle wijken zien)
if (document.getElementById("noord").checked==true) {
wijken["1"] = "Wijk 1";
wijken["2"] = "Wijk 2";
}
if (document.getElementById("zuid").checked==true) wijken["3"] = "Wijk 3";
if (document.getElementById("oost").checked==true) wijken["4"] = "Wijk 4";
if (document.getElementById("noord").checked==true) {
wijken["1"] = "Wijk 1";
wijken["2"] = "Wijk 2";
}
if (document.getElementById("zuid").checked==true) wijken["3"] = "Wijk 3";
if (document.getElementById("oost").checked==true) wijken["4"] = "Wijk 4";
krijg ik dit
Code (php)
1
2
3
4
2
3
4
if (document.getElementById("noord").checked==true) {
wijken["1"] = "Wijk 1";
wijken["2"] = "Wijk 2";
}
wijken["1"] = "Wijk 1";
wijken["2"] = "Wijk 2";
}
of dit:
Code (php)
1
if (document.getElementById("zuid").checked==true) wijken["3"] = "Wijk 3";
of dit:
Code (php)
1
if (document.getElementById("oost").checked==true) wijken["4"] = "Wijk 4";
Gewijzigd op 13/12/2010 15:59:45 door bart Buurman