Met een dropdown menu een uitkomst realtime updaten
Ik ben nieuw hier en heb een vraag. Ik ben bezig met een persoonlijk script voor mijn wekelijkse boodschappen.
Wat ik heb, is een lijst met vanalles en nogwat, brood, beleg etc, met radio buttons. Zodra ik een radio button aanklik, zie ik rechts daarvan de prijs van het product, en helemaal onderaan de totaalprijs. Zie hier een voorbeeld:
Voorbeeld
Wat ik nu wil, is wanneer ik het aantal verander, dat dit bij de prijs wordt opgeteld, niet alleen aan de rechterkant, maar ook bij de totaalprijs. Iemand een voorbeeld van hoe ik een waarde kan veranderen (real time) zodra ik een optie in een dropdown menu aanklik? Als ik hier een voorbeeld van heb dan kan ik alweer verder :)
Alvast bedankt voor enige hulp!
Code (php)
1
2
3
2
3
$('select').change(function(){
$('form').submit();
});
$('form').submit();
});
Hierna kan je middels $_POST alles in je php script afvangen en verwerken. Bijv.
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<?php
$prijs_broodjes = '1.50';
if($_POST['aantal_broodjes']){
$totaal_prijs_broodjes = $prijs_broodjes * $_POST['aantal_broodjes'];
}
?>
$prijs_broodjes = '1.50';
if($_POST['aantal_broodjes']){
$totaal_prijs_broodjes = $prijs_broodjes * $_POST['aantal_broodjes'];
}
?>
Anders optie is alles via javascript regelen...
Bedankt voor je reactie in ieder geval ik zal dit onthouden !
Als je in javascript prijzen optelt ... gebruik die gegevens niet om de uiteindelijke factuur samen te stellen.
De prijs die je in javascript berekent, is puur informatief, voor de gebruiker. De echte prijs haal uit de database, op de server.
Indien je hier niet naar luistert ... stuur eens de url van je webwinkel door, dan kan ik gratisch komen shoppen :)
Roy, ik heb dat geprobeerd, via een jquery form submit etc, het werkt allemaal wel, maar om dat weer te integreren met mijn huidige script, wordt weer te lastig. Ik zal dus verder blijven zoeken naar iets zonder form submit en php. Liever gewoon jquery of voor mijn part dus javascript.
aangezien het voor eigen gebruik is lekker met GET waardes werken en bij elke keer als je een aantal verandert in je dropdown zorgen dat er een submit gedaan wordt. vervolgens laadt de pagina weer opnieuw met de recente total bedrag
Ik zet in de database voor elk item een prijs. Met php haal ik die data op voor elk item en vermenigvuldig deze prijs met 1, 2, 3 etc en zet deze uitkomsten in een select menu.
Alvorens ik dit select menu krijg te zien, moet ik eerst op de checkbox klikken. Zodra ik de checkbox aanvink, dan zie ik de prijs van dit item en ook zie ik dan de dropdown. Zodra ik 2 of meer selecteer in de dropdown, dan wordt ook de prijs aangepast.
In theorie zou dit gewoon moeten werken, en kan ik ook mooi gelijk een totale prijs uitrekenen, gewoon alles bij elkaar optellen. Eens kijken of ik dit morgen voor elkaar kan krijgen.
Bedankt voor de tips en adviezen :)
Gewijzigd op 22/06/2012 23:49:45 door Ron Brouwers