爲什麼我的桌子這樣表現？

Question

我有一個表格，代表客戶的購物車中有「從購物車中刪除」按鈕的所有產品。它使用戶能夠移除購物車中的某個產品。以下是代碼：

<form 
     action="${pageContext.request.contextPath}/customer/removeProduct" 
     method="post"> 
     <input type="hidden" name="page" value="${page}"> 
     <table class="table"> 
      <thead> 
       <tr> 
        <th>Name</th> 
        <th>Quantity</th> 
        <th>Amount</th> 
       </tr> 
      </thead> 
      <tbody> 
       <c:forEach items="${productsInCart}" var="product" 
        varStatus="status"> 
        <input type="hidden" class="form-control" name="upc" 
          value="${product.getProduct().getUpc()}"> 
        <tr class="warning"> 

         <td>${product.getProduct().getName()}</td> 
         <td>${product.getQuantity()}</td> 
         <td style="color: green;">&#8369; ${product.totalPrice()}</td> 
         <td><input type="submit" class="btn btn-warning btn-xs" 
          value="Remove from cart"></td> 
        </tr> 
       </c:forEach> 
      </tbody> 
     </table> 
    </form> 

通過在控制器中發送其UPC（通用產品代碼）來刪除產品。但是，當點擊「從購物車中移除」按鈕時，購物車中所有產品的UPC都會被髮送。我不知道爲什麼會發生這種情況。

Answer 1

基於對我的評論的假設，你可以這樣做：

<table class="table"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Quantity</th> 
      <th>Amount</th> 
     </tr> 
    </thead> 
    <tbody> 
     <c:forEach items="${productsInCart}" var="product" 
      varStatus="status"> 
      <form action="${pageContext.request.contextPath}/customer/removeProduct" method="post"> 
       <input type="hidden" name="page" value="${page}"> 
       <input type="hidden" class="form-control" name="upc" 
         value="${product.getProduct().getUpc()}"> 
       <tr class="warning"> 

        <td>${product.getProduct().getName()}</td> 
        <td>${product.getQuantity()}</td> 
        <td style="color: green;">&#8369; ${product.totalPrice()}</td> 
        <td><input type="submit" class="btn btn-warning btn-xs" 
         value="Remove from cart"></td> 
       </tr> 
      </form> 
     </c:forEach> 
    </tbody> 
</table>