Dynamisch bedrag weergeven
Door middel van een selectbox kunnen gebruikers een activiteit kiezen waaraan verschillende bedragen hangen. Onder deze select box heb ik een totaalprijs staan, aangezien de gebruiker ook kan kiezen voor meer deelnemers (2 deelnemers is bedrag uit selectbox * 2). Ik heb al wat dingen geprobeerd met onMouseUp functies via Javascript, maar dit heeft niet het gewenste resultaat. Moet ik dit dan met Ajax calls gaan doen, of zijn er ook makkelijkere manieren?
Volgens mij zijn er meerdere manieren met javascript zijn berekeningen mogelijk, alleen als de gegevens worden opgeslagen in bijvoorbeeld een database moet je ook een controle doen met php. In dit geval moet je denk met beide gaan werken omdat je waarschrijnlijk de pagina niet wilt ververssen.
Ajax stuurt gegevens van en naar de server, ik denk niet dat dat hier nodig is.
Ajax stuurt gegevens van en naar de server, ik denk niet dat dat hier nodig is.
Javascript functie:
Het stukje HTML:
Ik hoop dat je hier mee wat verder komt :)
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 :)