Ik wil met javascript de totaal prijs van een product bepalen dus aantal * product prijs en uiteindelijk de totaal prijs. Wanneer iemand dus het aantal wijzigt dat de product prijs veranderd en de totaal prijs.
Ik had nu het volgende gevonden:
<script type='text/javascript'>
function priceTotal(price)
{
var aantal = document.getElementById('aantal').value;
var result = document.getElementById('total');
result.value = 19.95 * aantal;
}
</script>
Met de volgende html code:
<form method="post" enctype="multipart/form-data">
<table width="250" border="0" cellspacing="2" cellpadding="2">
<tr>
<td><strong>Product</strong></td>
<td><strong>Aantal</strong></td>
<td><strong>Prijs</strong></td>
</tr>
<tr>
<td>Aapje</td>
<td><input name="aantal" onChange="priceTotal()" type="text" style="width:25px" /></td>
<td>€ <input id="total" type="text" readonly size="4"> </td>
</tr>
<tr>
<td>Hondje</td>
<td><input name="aantal" type="text" style="width:25px" /></td>
<td>€ </td>
</tr>
</table>
Totaal prijs: € ....
</form>
Wanneer ik dit toepas krijg ik de melding:
Bericht: Object required
Regel: 10
Teken: 5
Code: 0
URI: http://www.website.nl/producten/
Wat moet ik daarmee? Wat gaat er fout?
Erwin