1

この質問は私の別の質問に関連しています。いくつかの助けのおかげで、addButtonをクリックすると重複する要素を表示できるようになりました。

複製された要素の数を追跡したいと思います。これは、重複する要素に異なるIDを割り当てるのにも役立ちます。

これが私のコードのサンプルです：

<html>

<head>
<%! int n = 1; %>
<script type="text/javascript">

function onClickAdd() {

    var tableRow = document.getElementById("tableRow");
    var tableRowClone = tableRow.cloneNode(true);
    tableRowClone.id = 'tableRow'+<%=n%>;
    tableRow.parentNode.insertBefore(tableRowClone, tableRow.nextSibling);
}

</script>
</head>
<body>    
    <table>
        <tr id="tableRow">
            <td>
                  <fieldset>
                    <legend> This is box number <%=n++%> </legend>
                    <table>
                      <tr> 
                      </tr>
                    </table>
                  </fieldset>
            </td>
        </tr>

        <tr>
            <td>
                <input type="button" name="addButton" value="Add" onClick="Javascript:onClickAdd()">
            </td>
        </tr>
    </table>

</body>

</html>

私の他の質問を読むと、コードサンプルが似ていることがわかります。ここで、JSP整数をインクリメントして、さまざまな凡例を出力したいと思いますn。

これまでのところ、すべての複製は凡例に「これはボックス番号1です」と表示されています。n3以降は増えないようです。

n重複にIDを割り当てるためにその増加を示したいと思います。

4

1 に答える 1

1

Javascript がクライアント側で実行されている間、 JSP はサーバー側で HTML を生成しています。つまり、Javascript が実行されているとき、ページは(作成時の) の値で既にレンダリングされています。JSP は再度実行されないため、 の値はそのままです。n1n1

解決策: カウンターを含むすべてをクライアント側 (JS) で実行します。

于 2012-06-21T05:35:22.140 に答える