如图所示,后台的一个list集合传递到前台以后,循环生成这样的标签,代码如下,截图太大,直接上代码:
<c:forEach items="${requestScope.list}" var="li">
<div class="col-md-4 box-container">
<div class="box border blue">
<div class="box-title">
<h4><i class="fa fa-bars"></i>${li.requireName}</h4>
<div class="tools">
<a href="#box-config" data-toggle="modal" class="config">
<i class="fa fa-cog"> 修改</i>
</a>
<a href="javascript:;" class="remove">
<i class="fa fa-times"></i>
</a>
</div>
</div>
<div class="box-body">
<div class="scroller" data-height="200px" data-always-visible="1" data-rail-visible="1">
<input type="hidden" value="${li.id}" name="taskID"/>
<p><b> 优先等级 : </b>${li.priority}</p>
<p> <b>预计开始日期 :</b>${li.expectedDate}</p>
<dt> 需求名称 </dt>
<dd>${li.requireName}</dd>
<p></p>
<dt> <b> 内容描述 </b></dt>
<dd>${li.contentDescrib}</dd>
<p></p>
<dt>需求人员</dt>
<dd>${li.requireUser}</dd>
</div>
</div>
</div>
</div>
</c:forEach>
每个标签我都把对应的ID给了,但是在点击修改,获取这个标签的ID的时候就是获取不到,获取方法如下:
var addId=$("input[name=taskID]").val();
不管点击的是哪个标签,打印出来的ID都是第一个标签的ID,但是用fireBUG显示的是正常的,下面上图:
var addId=$("input[name=taskID]:eq(1)").val();这样获取倒是可以获取到对应的标签ID,但是其他的标签ID页变成这样的了,实在搞不确定了,大神们给看看到底是什么情况?谢谢大家啦。
------解决思路----------------------
在点击修改时。传个下标过去。然后根据var addId=$("input[name=taskID]:eq(index)").val(); 进行获取不就行了
如
<c:forEach items="${requestScope.list}" var="li" varStatus="dataStatus">
<a href="javascript:;" onclick="update(${dataStaus.index})"></a>
然后 js中
function update(index){
var addId=$("input[name=taskID]:eq(index)").val();