0

我有一个购物车应用程序,其中的项目显示为表格的行。在每一行的末尾,有一个“添加到购物车”提交按钮。目前,当我单击该按钮时,整个页面都会消失,并且在将表单提交给 servlet 时会出现错误 404 页面。我想要的是,当提交一行时,其余行仍然存在,只有单击的行会改变颜色。随着用户添加更多行(项目),这些行中的每一行都应该改变颜色。我得到了改变颜色的部分,但还没有弄清楚如何让其余的行留在页面上。

       <h1> Here is the product list as per your category selection</h1>

<table cellpadding="10" border="1" id="tbl">
    <tr valign="bottom" style="background-color: #FF00FF">
        <th align="left">Sl No</th>
        <th align="left">Prod ID</th>
        <th align="left">Unit Price</th>
        <th align="left">Quantity</th>
        <th align="left"></th>
    </tr>
    <form name="tableForm" >  
        <c:forEach items="${listInServlet1}" var="regBean">
            <tr style="background-color: #00FFFF">
                <input type="hidden" value="sval" name="qtyTextHidden" />
                <input type="hidden" name="reagentId" value="<c:out Value = " ${regBean.prodId}
                "/>" />
                <td>
                    <c:out Value="${regBean.prodCount}" />
                </td>
                <td>
                    <c:out Value="${regBean.prodId}" />
                </td>
                <td>
                    <c:out Value="${regBean.price}" />
                </td>
                <td>
                    <input name="qtyText" type="text" size="2" value="" 
                onChange="calculateTotalPrice(this, '${regBean.price}')"
                    />
                </td>
                <td>
                    <input name="totalprice" type="text" size="2" value="0" />
                </td>
                <td>
                    <input type="submit" value="Add to Cart" name="addToCrtBtn" 
          onClick="submitValues(event, '${regBean.prodCount}', '${regBean.price}')"
                    />
                </td>
            </tr>
        </c:forEach>
    </form>
</table>
<table>
    <tr>
        <td>
            <form name="tableForm" method="post" action="/myapp/myservlet">
                <input type="submit" value="Done" id="submitOrder" />
            </form>
        </td>
    </tr>
</table>
4

2 回答 2

0

拉古,

您可以选择 imran 建议的答案。我认为这将是实现这一点的最佳方法,但是还有另一种复杂的方法,在您将 ATC[添加到购物车] 提交到 servlet 后,一旦您从 servlet 重定向添加到类别页面一次再次连同已添加的产品 ID 的参数列表。使用此列表,您可以轻松地为已有项目显示彩色行。

于 2013-03-13T04:18:57.090 回答
0

向您提交购物车数据的 servlet 发出 ajax 请求。当响应从服务器返回时,更改行的颜色。为了确定您必须提交哪些行数据,请使用行的“id”属性。

于 2013-03-13T03:53:00.433 回答