我正在尝试创建一个步骤表单。在此步骤表单中,所有这些div必须具有不同的ID,以允许我在用户单击下一步按钮时调用下一个ID。这是我的主要代码:
<c:set var="cpt" value="${1}" />
<div class="row" style="border: 1px solid #f0f0f0;"
id="stepDiv-${cpt}">
<jsp:include page="Step1.jsp" />
</div>
<c:set var="cpt" value="${cpt + 1}" />
<div class="row" style="border: 1px solid #f0f0f0; display: none;"
id="stepDiv-${cpt}">
<jsp:include page="Step2.jsp" />
</div>
在这段代码中,cpt
是一个JTSL
变量,可以帮助我为这些div 提供不同的 ID,并且我 triyng 使用此变量通过将它传递给 javascript 函数来传递给下一个div。
这是我包含的其他 jsp:
步骤1.jsp:
<button class="btn btn-round btn-info myBtn "
id="buttonNext-${cpt}"
onclick='next(${cpt})'>next</button>
步骤2.jsp:
<button id="buttonNext-${cpt}" onclick='next(${cpt})'>next</button>
<button id="buttonPrevious-${cpt}" onclick='previous(${cpt})'>previous</button>
这是我的javascript代码:
function previous(i) {
document.getElementById("stepDiv-" + i).style.display = "none";
i--;
document.getElementById("stepDiv-" + i).style.display = "block";
document.getElementById("step-" + i).className += " active";
}
function next(i) {
document.getElementById("stepDiv-" + i).style.display = "none";
i++;
document.getElementById("stepDiv-" + i).style.display = "block";
document.getElementById("step-" + i).className += " active";
}
问题:问题是包含的JSP无法获取${cpt}
的值。那么我怎样才能得到这个值呢?
你可以用这个来修复它:
<c:set var="cpt" value="${1}" />
<div class="row" style="border: 1px solid #f0f0f0;"
id="stepDiv-${cpt}">
<jsp:include page="Step1.jsp" <jsp:param
name="variable" value="${cpt}" /></jsp:include>
</div>
<c:set var="cpt" value="${cpt + 1}" />
<div class="row" style="border: 1px solid #f0f0f0; display: none;"
id="stepDiv-${cpt}">
<jsp:include page="Step2.jsp" <jsp:param
name="variable" value="${cpt}" /></jsp:include>
</div>
并在您的 JSP 中使用:
<c:out value="${param.variable}"/>