这个问题还是比较常见的
问题原因:没有合理的取到相对应的id或者没有使id成为唯一性
解决方法,举个例子
//建个表单
<form id="form1" method="post">
<table class="test" cellspacing="1" cellpadding="0" >
<tr>
<td style="width:20px;">序号</td>
<td>菜名</td>
<td>菜品简介</td>
<td>金额</td>
<td>菜品评价</td>
<td>操作</td>
</tr>
<!--循环遍历 -->
<!-- 集合 名称 状态 -->
<c:forEach items="${list}" var="s" varStatus="c">
//在id拼接序号,使id成为动态的和唯一性
<td><input type="hidden" id="menuList${c.index+1}" value="${s.id }"></td>
<tr align="center">
<td>${c.index+1}</td>
<td>${s.menuName}</td>
<td>${s.foodIntroduction}</td>
<td>${s.price}</td>
<td>${s.foodEvaluation}</td>
<td>
//在按钮这将序号参数传出
<button onclick="addNote(${c.index+1})">点餐</button>
</td>
</tr>
</c:forEach>
</table>
</form>
在javascript中 可接受参数并处理
<script type="text/javascript">
function addNote(status){
var id="#menuList"+status;
var foodId = $(id).val();
alert(foodId );
}
</script>