Dynamisch bedrag weergeven
Ajax stuurt gegevens van en naar de server, ik denk niet dat dat hier nodig is.
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<script type='text/javascript'>
function bereken() {
activiteit = document.getElementById('activiteit').value;
deelnemers = document.getElementById('deelnemers').value;
document.getElementById('uitkomst').innerHTML = activiteit * deelnemers;
}
</script>
function bereken() {
activiteit = document.getElementById('activiteit').value;
deelnemers = document.getElementById('deelnemers').value;
document.getElementById('uitkomst').innerHTML = activiteit * deelnemers;
}
</script>
Het stukje HTML:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
Activiteit:<br/>
<select size='4' id='activiteit' onChange='bereken()'>
<option value="12">Karten (12,-)</option>
<option value="35">Bungeejumpen (35,-)</option>
<option value="80">ATV rijden (80,-)</option>
<option value="25">Paard rijden (25,-)</option>
</select><br/>
Deelnemers:<br/>
<input type='number' id='deelnemers' onChange='bereken()' value='1'/><br/>
<div id='uitkomst'>
</div>
<select size='4' id='activiteit' onChange='bereken()'>
<option value="12">Karten (12,-)</option>
<option value="35">Bungeejumpen (35,-)</option>
<option value="80">ATV rijden (80,-)</option>
<option value="25">Paard rijden (25,-)</option>
</select><br/>
Deelnemers:<br/>
<input type='number' id='deelnemers' onChange='bereken()' value='1'/><br/>
<div id='uitkomst'>
</div>
Ik hoop dat je hier mee wat verder komt :)