Incrémentation id et fonction calcul

**anti91** · 11/10/2018, 13h04

bonjour à tous,

voila je réalise un formulaire avec un calcul de qu / prix via JS .

les données dans le formulaire ( designation, modele,prix) sont des variables que je récupèere dans une bdd .

forcément je récupère plus d'une ligne .

si je ne traite qu'une seule ligne , sans rajout de l'Id , cela fonctionne , mais dès que j'ai plusieurs ligne et la avec Id , cela ne fonctionne pas .

et dans la console il y a une erreur , je vous laisse voir ...

si vous avez une autre méthode , je suis preneur !!

merci à vous

voila le code :

Code HTML :

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
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
62
63
64
65
66
67
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Accueil</title>
<script>
function Calcul(id) {
console.log("toto");
Prix = document.getElementById('prix'+id).value;
Quantite = document.getElementById('quantite'+id).value;
var Prixtot = Prix*Quantite;
document.getElementById('prix_total'+id).value= Prixtot;
}
</script>
 
 
 
</head>
 
<body>
<div class="tableau">
<table style="border-collapse: collapse;">
<thead>
<tr>
<th>Désignation</th>
<th>Modèle</th>
<th>Prix</th>
<th>Quantité</th>
<th>Total</th>
<th>Règlement</th>
</tr>
</thead>
<tbody>
 
 
<?php
 
include('connect.php');
 
$resultat=$pdo->query("SELECT * FROM Produit ORDER BY Id_produit ASC");
$resultat->setFetchMode(PDO::FETCH_OBJ);
while( $result = $resultat->fetch() )
{
 
?>
 
 
<tr>
<td><input type="text" id="designation_produit" name="designation_produit" value="<?php echo ($result->designation_produit);?>"></td>
<td><input type="text" id="modele_produit" name="modele_produit" value="<?php echo ($result->modele_produit);?>"></td>
<td><input type="text" id="prix<?php echo ($result->Id_produit);?>" name="prix_produit" value="<?php echo ($result->prix_produit);?>"></td>
<td><input type="text" id="quantite<?php echo ($result->Id_produit);?>" name="quantite" value="" onBlur="Calcul();"></td>
<td><input type="text" id="prix_total<?php echo ($result->Id_produit);?>" name="prix_total" value=""></td>
<td><input type="text" id="reglement_produit" name="reglement_produit" value=""></td>
</tr>
 
<?php
 
}
?>
 
</tbody>
</table>
</div>
 
</body>
</html>

et message de la console :

Code :

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

1
2
3
4
5
6
 
TypeError: document.getElementById(...) is null[En savoir plus] page_produit.php:9:8
Calcul
/page_produit.php:9:8
onblur
/page_produit.php:1:1

merci d'avance pour votre aide

**anti91** · 11/10/2018, 13h40

ça y est , j'ai trouvé ...

voila le code pour ceux que cela peut intéressé :

Code HTML :

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
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
62
63
64
65
66
67
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Accueil</title>
<script>
function Calcul(id) {
console.log("toto");
Prix = document.getElementById('prix'+id).value;
Quantite = document.getElementById('quantite'+id).value;
var Prixtot = Prix*Quantite;
document.getElementById('prix_total'+id).value= Prixtot;
}
</script>
 
 
 
</head>
 
<body>
<div class="tableau">
<table style="border-collapse: collapse;">
<thead>
<tr>
<th>Désignation</th>
<th>Modèle</th>
<th>Prix</th>
<th>Quantité</th>
<th>Total</th>
<th>Règlement</th>
</tr>
</thead>
<tbody>
 
 
<?php
  
include('connect.php');
  
$resultat=$pdo->query("SELECT * FROM Produit ORDER BY Id_produit ASC");
$resultat->setFetchMode(PDO::FETCH_OBJ);
while( $result = $resultat->fetch() )
{
  
?>
 
 
<tr>
<td><input type="text" id="designation_produit" name="designation_produit" value="<?php echo ($result->designation_produit);?>"></td>
<td><input type="text" id="modele_produit" name="modele_produit" value="<?php echo ($result->modele_produit);?>"></td>
<td><input type="text" id="prix<?php echo ($result->Id_produit);?>" name="prix_produit" value="<?php echo ($result->prix_produit);?>"></td>
<td><input type="text" id="quantite<?php echo ($result->Id_produit);?>" name="quantite" value="" onBlur="Calcul(<?php echo ($result->Id_produit);?>);"></td>
<td><input type="text" id="prix_total<?php echo ($result->Id_produit);?>" name="prix_total" value=""></td>
<td><input type="text" id="reglement_produit" name="reglement_produit" value=""></td>
</tr>
 
<?php
  
}
?>
 
</tbody>
</table>
</div>
 
</body>
</html>

Incrémentation id et fonction calcul

JavaScript

Discussions similaires

Partager

Partager