Question

我有一个表格，可以将产品存储在用户的购物车中。每行都有一个按钮，使用户可以从用户的购物车中删除单个产品。这是我的HTML的代码片段。

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

这是输出。

Product in cart table

我想得到的值是产品的UPC，它存储在隐藏的输入类型字段中。但是，当单击“从购物车中删除”按钮时，它将返回购物车中产品的所有UPC。这是控制器的代码片段。

@RequestMapping(value="/customer/removeProduct", method=RequestMethod.POST)
public String removeProduct(@RequestParam(value = "upc") String upc, HttpServletRequest request){

    System.out.println(upc);
//      customerService.removeProductInCart(customer.getCustomer(request).getCartId(), upc);

    return "customer_home";
}

Answer 1

您可能希望在每次迭代时创建表单以获取每行的特定upc，而不是包装整个表。

如何从html中的表中的行返回单个数据？

1 个答案: