Discussion :

[laurentSc]

Bonsoir,

je souhaite mettre à jour automatiquement un champ de formulaire "total" quand une des lignes qui composent ce total est modifiée. Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
function calc1(){
totalarticle1.value=article1.value*nbarticle1.value;
}</script>
<form method="post" action="formmail.php">
Prix article1(TTC) <input size="10"
 name="article1" onchange="calc1()" type="text">
              <select name="nbarticle1" onchange="calc1()">
              <option>nbre</option>
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              </select>
Total (TTC)&nbsp; <input size="10" name="totalarticle1"
 type="text">
...
</form>

Mais le total n'est pas mis à jour...Qu'est-ce qui ne va pas ?

[NoSmoking]

Bonsoir,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function calc1(){
totalarticle1.value=article1.value*nbarticle1.value;
}

d'où sortent totalarticle1, article1 et nbarticle1 ???

[laurentSc]

Ce sont les noms des champs du formulaire.

[andry.aime]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms[0].totalarticle1.value=...

[laurentSc]

On avance, mais ce n'est pas encore parfait : si je modifie le select (le nombre d'articles), ça marche, mais pas si je modifie le champ "prix" ; je remets mon code actuel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">
function calc1(){
document.forms[0].totalarticle1.value=(document.forms[0].prix_article1.value)*(document.forms[0].nbarticle1.value);
}</script>
<form method="post" action="formmail.php">
Prix article1(TTC) <input size="10"
 name="prix_article1" onchange="calc1()">
 <select name="nbarticle1" onchange="calc1()">
              <option>nbre</option>
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              </select>
Total (TTC)&nbsp; <input size="10" name="totalarticle1"
 type="text">

et d'autre part, tu peux m'expliquer ?

[Bovino]

Et tu indiques quand qu'il faut recalculer quand tu modifies l'input text ?