Om uit te breiden op wat @Logan Wayne opmerkte...
Dus als je in je JavaScript verwijzingen naar je tabelgegevenselementen pakt, krijg je altijd de EERSTE instantie van een Document-object met de id die je opgeeft.
// 2. Define what to do when XHR feed you the response from the server - Start
var product = document.getElementById("product").value; <-- will always return the same element
var pp1 = document.getElementById("pp1").value; <-- will always return the same element
var rp1 = document.getElementById("rp1").value; <-- will always return the same element
var stacking = document.getElementById("stacking").value; <-- will always return the same element
Je moet ofwel unieke id's toewijzen aan je td-objecten, of, zoals @Logan Wayne al zei, de eigenschap class van HTML DOM-objecten gebruiken.
Klassen kunnen worden gebruikt om soortgelijke elementen te groeperen. Na het toewijzen van klassenamen aan de verschillende kolommen in uw tabel (Product , Promotieprijs , Normale prijs , Stapelen ) kunt u getElementsByClassName() . gebruiken om een array van de td-elementen te krijgen.
...
var products = document.getElementsByClassName("product"); <-- array of product td elements
...