Lagre en anden værdi i databasen fra de formularer, der er oprettet dynamisk ved hjælp af PHP?

For at uddybe, hvad @Logan Wayne påpegede...

Så når du henter referencer til dine tabeldataelementer i din JavaScript, får du altid den FØRSTE forekomst af et dokumentobjekt med det id, du end angiver.

// 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 
 

Du bliver enten nødt til at tildele unikke id'er til dine td-objekter, eller igen som @Logan Wayne nævnte, bruge klasseegenskaben for HTML DOM-objekter.

Klasser kan bruges til at gruppere lignende elementer. Efter at have tildelt klassenavne til de forskellige kolonner i din tabel (Produkt , Kampagnepris , Almindelig pris , Stabling ) kan du bruge getElementsByClassName() for at få et array af td-elementerne.