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 号框”。似乎n不会增加到3。

我想表明n增加将 id 分配给重复项。

4

1 回答 1

1

JSP 在服务器端生成 HTML，而 Javascript 在客户端运行。意思是，当 Javascript 运行时，页面已经使用n（1在创建时）的值呈现。由于 JSP 不再运行，因此值n保持不变1。

解决方案：在客户端（JS）上运行所有东西，包括计数器。

于 2012-06-21T05:35:22.140 回答