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>
<% }%>

我嘗試如下設置項目的索引值

<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);
 }