在 JSP 中使用循环创建按钮，每个按钮给出不同的值答案

【问题标题】：Creating buttons with a loop in JSP, with each button giving a different value在 JSP 中使用循环创建按钮，每个按钮给出不同的值
【发布时间】：2020-04-16 12:39:45
【问题描述】：

在这里，通过循环生成一个数字表。表中的每个值都是一个按钮，单击该按钮时，会在弹出窗口中显示 10 倍的值。在实际项目中，数据是在jsp中，所以我不能使用javascript。

请帮忙。

这是我的 JSP：

<HTML>
<title> Hi </title>
<%
out.println("         <table border = \"1\" align=\"center\" width='600'>\n" +
                "         <tr>\n" +
                "            <th> Number </th>\n" +
                "         </tr>");
int i;
for(i=0;i<10;i++){
 out.println("         <tr>\n" +
                             "            <td style = \"text-align:center\" height=\"40\"> <font style=\"color: black >" + "<button onclick=\"document.getElementById('id01').style.display='block'\" style=\"width:auto; -webkit-box-align: center; \"> " +i+ " </button>  </a>" +"</font> </td>\n" +
                    "         </tr>   ");

}

%>
</HTML>

DIV：

   <div id="id01" class="modal">

        <div class="modal-content animate" >
            <div class="imgcontainer">
                <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>
                <img src="doctor.jpg" alt="Avatar" class="avatar">
            </div>

            <div class="container"><centre>
                <%
                    //                    
                    // I need to display id*10;
                    // 
                    //
                %>
            </centre></div>


        </div>
    </div>

问题是在循环结束时 i 等于 9，因此单个按钮的“i”丢失了。请帮忙。

【问题讨论】：

您可以在另一个 for 循环中编写整个模态 <div> 代码并更改 ids 并且每个按钮的 onclick 将显示其相应的模态弹出窗口。

标签： java html jsp

【解决方案1】：

您可以在另一个for 循环中编写整个模态<div> 代码并更改ids，每个按钮的onclick 将显示其相应的模态弹出窗口。

这是您的 JSP：

<HTML>
<title> Hi </title>
<%
out.println("         <table border = \"1\" align=\"center\" width='600'>\n" +
                "         <tr>\n" +
                "            <th> Number </th>\n" +
                "         </tr>");
int i;
for(i=0;i<10;i++){
 out.println("         <tr>\n" +
                             "            <td style = \"text-align:center\" height=\"40\"> <font style=\"color: black >" + "<button onclick=\"document.getElementById('" + "id" + i + "').style.display='block'\" style=\"width:auto; -webkit-box-align: center; \"> " +i+ " </button>  </a>" +"</font> </td>\n" +
                    "         </tr>   ");

}

%>
</HTML>

DIV：

<%  int j=0;
    for (j=0;j<10;j++){ %>

   <div id='<%= "id"+j %>' class="modal">

        <div class="modal-content animate" >
            <div class="imgcontainer">
                <span onclick="document.getElementById('<%= "id"+j %>').style.display='none'" class="close" title="Close Modal">&times;</span>
                <img src="doctor.jpg" alt="Avatar" class="avatar">
            </div>

            <div class="container"><centre>
                <%= "id"+j %>
            </centre></div>


        </div>
    </div>

<%  } %>

我在TutorialsPoint 上对其进行了测试，似乎工作正常。

【讨论】：

我无法关闭循环内的 java 部分。哪个版本，或者如何启用它？
是的，对不起。我在 HTML 代码 sn-p 中犯了一个小错误。现在已更正。
你能回答问题吗？ stackoverflow.com/questions/61190251/…
这个答案有帮助吗？你能解决这个问题吗？