javascript - jstl：foreach 循环设置值到隐藏变量总是返回零

Question

我有一个如下的 foreach 循环

<% if (request.getAttribute("categoriesList") != null) {%>
    <c:forEach var="categoryName" items="${categoriesList}" varStatus="category">
       <input type="hidden" id="categoryIndex" name="categoryIndex" value="${category.index}"/>
       <li><a onclick="getCategoryIndex()" href="#">${categoryName}</a></li>
    </c:forEach>
<% }%>

我尝试设置 item 的索引值，如下所示

<input type="hidden" id="categoryIndex" name="categoryIndex" value="${category.index}"/>

当我这样做时

var categoryIndex = $('#categoryIndex').val();
console.log("categoryIndex : "+categoryIndex);

onClick 它总是打印列出的项目0

可能是什么问题呢？

Answer 1

你可以这样尝试：

 <c:forEach var="categoryName" items="${categoriesList}" varStatus="category">
   <input type="hidden" id="categoryIndex+${category.index}" name="categoryIndex" value="${category.index}"/>
   <li><a onclick="getCategoryIndex(${category.index})" href="#">${categoryName}</a></li>
 </c:forEach>

在您的 JavaScript 方法中：

 function getCategoryIndex(x){
    var categoryIndex = $('#categoryIndex'+x).val();
    console.log("categoryIndex : "+categoryIndex);
 }