Để mở rộng những gì @Logan Wayne đã chỉ ra ...
Vì vậy, trong JavaScript của bạn, khi bạn lấy tham chiếu đến các phần tử dữ liệu bảng của mình, bạn sẽ luôn nhận được phiên bản ĐẦU TIÊN của đối tượng Tài liệu với bất kỳ id nào bạn cung cấp.
// 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
Bạn sẽ phải gán các id duy nhất cho các đối tượng td của mình hoặc một lần nữa như @Logan Wayne đã đề cập, sử dụng thuộc tính lớp của các đối tượng HTML DOM.
Các lớp có thể được sử dụng để nhóm các phần tử giống nhau. Sau khi gán tên lớp cho các cột khác nhau trong bảng của bạn ( Sản phẩm , Giá khuyến mại , Giá thông thường , Xếp chồng ) bạn có thể sử dụng getElementsByClassName () để lấy một mảng các phần tử td.
...
var products = document.getElementsByClassName("product"); <-- array of product td elements
...
