2017-10-16 10 views
1

私はステップフォームを作成しようとしています。このステップフォームでは、次のボタンをクリックしたときに次のIDを呼び出すことができるように、すべてのdivに異なるIDが必要です。このコードでjstl変数がインクルードされたJSPで取得できません

  <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は、これらのdiv要素に切り抜いたIDを与えるために私を助けてJTSL変数であり、私はにそれを渡すことで、次のdivに渡すために、この変数を使用するtriyngだ: ここに私のメインのコードですjavascript関数です。

Step1.jsp:

<button class="btn btn-round btn-info myBtn " 
      id="buttonNext-${cpt}" 
        onclick='next(${cpt})'>next</button> 

Step2.jsp:

<button id="buttonNext-${cpt}" onclick='next(${cpt})'>next</button> 
     <button id="buttonPrevious-${cpt}" onclick='previous(${cpt})'>previous</button> 

そして、ここでは私のjavascriptのコードである。ここ

は、私が含まれ、他のJSPです

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}の値を得ることができないということです。だから私はこの価値をどのように得ることができますか?

答えて

1

あなたは代わりに、これを使用してそれを修正することができます:

<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}"/> 
関連する問題