Preisberechnung

Pascal Lattreuter

Grünschnabel
Hallo ich mal wieder mit nem Problem....

Welche function muss man verwenden um für jede Kobinationsart in einem Formular einen Preis zu bestimmen, der auf einer Seite ausgegeben wird und sich ständig aktualisiert, wenn man was verändert?

d.h. wenn man Option 1 = A4 hat und Option 2 = 80 Gramm, dann ist der Preis 5,00 €
dieser soll nun ohne aktualisierung angezeigt werden

wenn ich nun aber option 1 auf A3 umändere, hat es einen anderen Preis, sagen wir 5,50 €
Dieser soll auch ohne Aktualisierung angezeigt werden
 
Hi,

wie die Preisberechnung genau aussehen soll, weiss ich nicht. Aber das Beispiel sollte das Prinzip verdeutlichen.
Es werden die Werte (values) der Optionen zur Berechnung des Preises herangezogen. Dabei liefert die erste
Selectgruppe den Basispreis, die zweite den Faktor.
Code:
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function calcIt(objForm, strBasis, strFaktor){
  var objBasis = objForm.elements[strBasis];
  var objFaktor = objForm.elements[strFaktor];

  if(objBasis.options[objBasis.selectedIndex].value != "-1"){
    var dblPreis = Number(objBasis.options[objBasis.selectedIndex].value) * Number(objFaktor.options[objFaktor.selectedIndex].value);
  }else{
    var dblPreis = 0;
  }
  objForm.txtPreis.value = dblPreis.toFixed(2);
}
 //-->
</script>
</head>
<body>
<form name="formTest">
  <select name="selBasis" onchange="calcIt(this.form, 'selBasis', 'selFaktor');">
    <option value="-1" selected="selected">- bitte wählen -</option>
    <option value="5.00">DIN A3</option>
    <option value="5.50">DIN A4</option>
    <option value="6.00">DIN A5</option>
  </select>
  <select name="selFaktor" onchange="calcIt(this.form, 'selBasis', 'selFaktor');">
    <option value="0.80" selected="selected">80g/m²</option>
    <option value="1.00">100g/m²</option>
    <option value="1.20">120g/m²</option>
  </select>
  <input type="text" name="txtPreis" value="0.00">
</form>
</body>
</html>
Vielleicht hilft dir das weiter.

Ciao
Quaese
 

Neue Beiträge

Zurück