auto calcul du total de la commande ne fonctionne plus si la quantité est un champ de type select

Version imprimable

Bonjour à tous,

J'ai un formulaire de commande dont le champ quantité au format texte peut être modifié par les clients.

Pour simplifier le choix de la quantité, je souhaite modifier le type de champ pour passer du format texte au format select.

Dès lors le script ne calcule plus le total ? quel sont les modifs à faire...
merci d'avance.

samuel

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
<html>
<head>
<title>My Untitled Document</title>
<script type="text/javascript" language="javascript">
<!--
function calcVals() {
    var form = document.form1;
    var total = document.getElementById("valTotal");
    var currentTotal = total.value.replace('$','');
     // document.pgCartOrder.calculatedTotal.value='0';
    var tempTotal = 0;
    var totalFields = eval(form.elements.length-1);
    //alert (totalFields);
      for (i=0; i < totalFields; i++) {
        if(form.elements[i].type == 'submit'){
        }else if(form.elements[i].type == 'text'){
            if(form.elements[i].value > 0){  
				tempTotal = tempTotal + parseFloat(form.elements[i].title * parseInt(form.elements[i].value));
            }else if(form.elements[i].value = 'NaN'){
				form.elements[i].value = "";
			}
        }
      }
 
    if (String(total) != 'NaN') {
        form.valTotal.value = "$"+ tempTotal;
    } else {
        form.valTotal.value = 'ERROR';
    }
}
form.valTotal.value = round(form.valTotal.value, 2);
-->
</script>
 
 
</head>
 
<body onload="calcVals()">
 <? if ($_POST['send']){ ?>
	<? echo floor($_POST['textfield']) ;?>
	<? echo "<br>";?>
	<? echo floor($_POST['textfield1']) ;?>
	<? echo "<br>";?>
	<? echo floor($_POST['textfield2']) ;?>
	<? echo "<br>";?>
 
<? } ?>
 
<form id="form1" name="form1" method="post" action="" >
  $ 9.25<input type="text" name="textfield" value="1"  title="9.25" onkeyup="calcVals();"/><br/>
  $12.25<input type="text" name="textfield1"  title="12.25" onkeyup="calcVals();"/><br/>
  $ 5.00<input type="text" name="textfield2"  title="-5.00" onkeyup="calcVals();"/><br/>
  <input type="text" readonly="" name="valTotal" id="valTotal" value="$0"/>
  <input type="submit" name="send" value="SEND" />
</form>
</body>
</html>

25/01/2011, 09h15
RomainVALERI
Citation:

Envoyé par jennys

Code:

var totalFields = eval(form.elements.length-1);

:koi: encore un ? ça fait deux fois en une semaine...

>>> pourquoi faire eval sur une donnée numérique ? :?

Sinon à part ça : si ton champ à remplacer par un select est "valTotal" (ce que je suppose que tu ne précisais pas ^^), il faut accéder à la value différemment :
Code:

1 2 //var currentTotal = total.value; var currentTotal = total[total.selectedIndex].value;
25/01/2011, 09h18
SpaceFrog

Code:

var currentTotal = total.value;

Résolu, merci à tous

ci-dessous le code pour ceux qui cherche quelque chose d'identique

Samuel

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
<html>
<head>
<title>My Untitled Document</title>
 
<script type="text/javascript">
 
			function calcVals()
			{
				var
					selects = document.getElementById('form1').getElementsByTagName('select'),
					total   = 0,
					i;
 
				for (i = 0; i < selects.length; i++) {
					total += (isNaN(selects[i].value) ? 0 : Number(selects[i].value)) * (isNaN(selects[i].title) ? 0 : Number(selects[i].title));
				}
				document.getElementById('valTotal').value = '€ ' + total.toFixed(2);
			}
 
		</script>
 
 
</head>
 
<body onLoad="calcVals()">
 <? if ($_POST['send']){ ?>
	<? echo floor($_POST['textfield']) ;?>
	<? echo "<br>";?>
	<? echo floor($_POST['textfield1']) ;?>
	<? echo "<br>";?>
	<? echo floor($_POST['textfield2']) ;?>
	<? echo "<br>";?>
 
<? } ?>
updated
<form id="form1" name="form1" method="post" action="" >
  $ 9.25
  <select name="textfield" title="9.25" onChange="calcVals(this.form.form1)">
  	<option value="1" selected="selected">1</option>
	<option value="2">2</option>
  </select>
  <br />
   $ 12.25
  <select name="textfield1" title="12.25" onChange="calcVals(this.form.form1)">
  	<option value="0" selected="selected">As gift</option>
	<option value="1">1</option>
	<option value="2">2</option>
  </select>
  <br />
   $ -5.00
  <select name="textfield2" title="-5.00" onChange="calcVals(this.form.form1)">
  	<option value="0" selected="selected">No</option>
	<option value="1">Yes</option>
  </select>
  <br />
  <input type="text" readonly="" name="valTotal" id="valTotal" value="$0"/>
  <input type="submit" name="send" value="SEND" />
</form>
</body>
</html>

25/01/2011, 10h25
RomainVALERI

Heu... :koi:

Ca n'empeche vraisemblablement pas l'ensemble de fonctionner, mais tu envoies à ta fonction calcVals un paramètre (inutilisé d'ailleurs) qui n'a aucun sens ^^