Waarde uit invoerveld terug zetten in hetzelfde veld na berekening met procent

Status
Niet open voor verdere reacties.

JLDesign

Gebruiker
Lid geworden
15 nov 2011
Berichten
34
Met onderstaand script pas ik de prijs aan volgens de gekozen afmeting.
de prijs per stuk verschijnt dan in het invoerveld "id="cmPrice" name="PRIJS_PER_STUK____".
Zoals u ziet in de html is er ook een korting mogelijk bij afname van meerdere stuks.
Nu zou ik willen dat de prijs/stuk in hetzelfde invoerveld "id="cmPrice" name="PRIJS_PER_STUK____" aangepast wordt bij het kiezen van het aantal stuks.
Ik ken zelf heel weinig van javascript en het wil maar niet lukken om dit te laten werken.
Iemand een idee hoe ik dit kan oplossen?

Alvast bedankt

[JS]
function getPrice(option, prodPrice) {
var prodPrice = parseFloat(prodPrice.replace(",","."));
var thePrice;
switch (option) {
case 'kies':
thePrice = prodPrice.toFixed(2);
break;
case '100':
thePrice = (prodPrice+4.00).toFixed(2);
break;
case '150':
thePrice = (prodPrice+4.80).toFixed(2);
break;
case '220':
thePrice = (prodPrice+5.80).toFixed(2);
break;
default:
thePrice = prodPrice.toFixed(2);
}
return thePrice.replace('.',',');
[/JS]

HTML:
<label for="Afmeting1">Afmeting :</label>
<select name="Afmeting____________" id="Afmeting1" onchange="document.getElementById('cmPrice').value = getPrice(value, '0')">	
<option value=kies selected="selected" style="color:red">Automatische prijsaanpassing</option>
	<option value=100 style="color:red ">50 x 100 mm</option>
	<option value=150 style="color:red ">75 x 150 mm</option>
	<option value=220 style="color:red ">110 x 220 mm</option>
</select> (b x h)<br />

<label for="Aantal">Aantal :</label>
	<select name="Aantal____________" id="Aantal">
	<option value=kies selected="selected">kies</option>
	<option>2 ( -5% vanaf 5 stuks )</option>
	<option>3</option>
	<option>4</option>
	<option>5 ( -10% vanaf 5 stuks )</option>
	<option>6</option>
	<option>7</option>
	<option>8</option>
	<option>9</option>
	<option>10 ( -20% vanaf 10 stuks )</option>
</select><br />

<div id="Prijs"><b>Prijs/stuk:</b> <span>€</span> <input type="text" id="cmPrice" name="PRIJS_PER_STUK____" value="" readonly="readonly"></div>
 
Code:
<div id="Prijs"><b>Prijs/stuk:</b> <span>€</span> <input type="text" id="cmPrice" name="PRIJS_PER_STUK____" value=""></div>

readonly="readonly"

verwijderd, zou dan moeten werken
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan