Question

jsp购物车修改商品数量的问题

想实现直接在购物车界面输入框修改数量功能、可是因为购物车是通过for循环读出来的、所以就有个问提、在点修该数量的时候、获到的id是最后一个商品的id、获到的count却是第一个商品后面的输入框的值、求解如何能正确的获取本商品的id和商品后面的输入框的值？？？
部分代码如下

<%
float total = 0;
if((ArrayList)session.getAttribute("cart")==null)
{
%>
<tr>
<td align="center" colspan="4">
您的购物车为空！
</td>
</tr>
<tr>
<td>
<br/>
</td>
</tr>
<%
}
else
{
ArrayList arraylist = (ArrayList) session.getAttribute("cart");
for (int i = 0; i < arraylist.size(); i++) {
Goods goods = (Goods) arraylist.get(i);
total += goods.getPrice() * goods.getCount();
%>
<tr>
<td align="center">
<a href="detailProduct.jsp?productID=<%=goods.getProId()%>">
<img border="0" width="80" height="60" src="proimg/<%=goods.getImg()%>"/>
</a>
</td>
<td align="center">
<a href="detailProduct.jsp?productID=<%=goods.getProId()%>">
<%=goods.getProName() %>
</a>
</td>
<td align="center">
<%=goods.getPrice()%>￥
</td>
<td align="center" valign="middle">
<input type="text" id="count" value="<%=goods.getCount()%>" size="1"/>
<a href="javascript:go()">
<img src="img/changecount.gif" title="修改商品数量" border="0" width="15" height="15" style="position: relative;top:2px;"/>
</a>
<script type="text/javascript">
function go(){
var str;
str="changecount.jsp?count=";
str+=document.getElementById("count").value;
str+="&&";
str+="proId=";
str+="<%=goods.getProId()%>";
window.location=str;
}
</script>
</td>
<td align="center" valign="middle">
<a href="removeGoods.jsp?proId=<%=goods.getProId()%>">
<img src="img/del.gif" title="删除" border="0" width="15" height="15" style="position: relative;top:1px;"/>
</a>
</td>
</tr>

<%
}
}
%>

Answer 1

<input type="text" id="count" value="<%=goods.getCount()%>" size="1"/>你每个商品的数量都是这个，页面出现有多个id="count" 的input域

document.getElementById("count").value;当id是count的input唯一的时候才能取到正确的
<input type="text" id="<%=goods.getProId()%>_count" value="<%=goods.getCount()%>" size="1"/>

数量的Input的id可以换一下让他变成唯一的，例如 商品id，这样就唯一了

<a href="javascript:go('<%=goods.getProId()%>')">
<img src="img/changecount.gif" title="修改商品数量" border="0" width="15" height="15" style="position: relative;top:2px;"/>
</a>
每次调用go的时候把input的商品id传过去，
function go(proId){
var str;
str="changecount.jsp?count=";
str+=document.getElementById(proId+"count").value;
str+="&&";
str+="proId=";
str+="<%=goods.getProId()%>";
window.location=str;
}
这样应该就可以了，主要是因为你那个Input 的id重复了，