Additionner les éléments d'un formulaire

Bonjour,

Je ne sais pas si je poste au bon endroit, dans le cas contraire veuillez m'excusez

Je vous expose mon problème.
J'ai un formulaire HTML qui renvoie dans un BDD les informations envoyer par le visiteur.

Mon formulaire concerne des quantités de produits. Le visiteur doit donc choisir s'il veut tant de ce produit puis tant de ce produit...

Et je voudrais qu'il puisse visualisé le prix que ça lui coute (en bas du formulaire par ex) s'il choisit tant de ce produit (la quantité fois le prix d'une unité du produit concerné). C'est une peu dans le syle de ce qu'on peu faire sous Excel...

J'espère avoir été assez clair

Merci à ceux qui se pencherons sur mon soucis!

Bonne journée!

Salut,

Ce ne sera pas en (x)HTML.
Tu peux voir du côté du Php (mais qui demandera un rafraichissement de la page pour afficher le résultat) ou en Javascript, voir en Ajax (côté client donc sans rechargement).

Salut,

En javascript il te faut itérer les éléments du formulaire, extraire leur valeur,
faire tes calculs et afficher le résultat dans une zone. Il faut recalculer à
chaque changement de valeur.

Pour itérer les champs de ton formulaire, place un id dans <form> par ex. id='frm', puis tu place un attribut class='truc' dans les champs qui doivent
servir au calcul.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function calcul() { var total = 0; var f = document.getElementById('frm'); var fields = f.getElementsByTagName('input'); for(var i=0;i<fields.length;i++) { var field = fields[i]; if(field.className=='truc') { total += parseInt(field.value); } } document.getElementById('resultat').innerHTML = total; }

---

Tu peux appeler la fonction calcul sur le onchange, onblur, des champs
ou à interval régulier, à toi de voir.

ou

Code:

---

total += field.value*1;

---