使用JSP跟踪Javascript中的重复元素_Javascript_Html_Jsp_Dom

使用JSP跟踪Javascript中的重复元素

javascript html jsp dom

使用JSP跟踪Javascript中的重复元素,javascript,html,jsp,dom,Javascript,Html,Jsp,Dom,这个问题与我的另一个问题有关。多亏了一些帮助，我现在能够在点击addButton时显示重复的元素我想记录有多少元素被复制。这也将有助于为重复的元素分配不同的id 以下是我的代码示例： <html> <head> <%! int n = 1; %> <script type="text/javascript"> function onClickAdd() { var tableRow = document.getElementById

这个问题与我的另一个问题有关。多亏了一些帮助，我现在能够在点击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>


函数onClickAdd（）{
var tableRow=document.getElementById（“tableRow”）；
var tableRowClone=tableRow.cloneNode（true）；
tableRowClone.id='tableRow'+；
tableRow.parentNode.insertBefore（tableRowClone，tableRow.nextSibling）；
}
这是箱号

如果您阅读我的另一个问题，您会发现代码示例类似。现在，我想通过递增一个JSP整数，

来打印不同的图例

到目前为止，所有副本在图例中显示“这是1号框”。似乎

不会增加到3

我想说明的是，

增加以将id分配给重复项。

JSP在服务器端生成HTML，而Javascript在客户端运行。也就是说，当Javascript运行时，页面已经用

的值呈现（在创建时为

）。由于JSP不再运行，

的值保持为

解决方案：在客户端（JS）上运行一切，包括计数器。

JSP在服务器端生成HTML，而Javascript在客户端运行。也就是说，当Javascript运行时，页面已经用

的值呈现（在创建时为

）。由于JSP不再运行，

的值保持为

解决方案：在客户端（JS）上运行一切，包括计数器。

感谢您提供的解决方案。我将使用Javascript来计数。稍后我将使用我的代码发布我的解决方案。谢谢谢谢你的解决方案。我将使用Javascript来计数。稍后我将使用我的代码发布我的解决方案。谢谢