【问题标题】:Printing an ArrayList in HTML and matching each item with an input box在 HTML 中打印一个 ArrayList 并将每个项目与一个输入框匹配
【发布时间】:2015-08-16 17:52:11
【问题描述】:

我正在编写一段代码,其中有一个 ArrayList 项目。我正在使用 HTML 将其放在网页上,并且我想打印列表中的所有项目,每个项目旁边都有一个输入字段,用户可以在其中输入数量 - 有点像购物车。

我将如何纯粹在 HTML 文档中执行此操作?我目前正在 Java 代码本身中执行此操作,但我知道这是不好的做法,而且我不知道如何检索类型中的数字 - 我该怎么做?

用 JSP 做这个会更好吗?如果是这样,你能给我一些关于如何去做的建议吗?

提前致谢。这是迄今为止我一直在使用的代码。

int counter = 1;
out.println("<html><body><br><br>");
for (Gear g : gear) {
    out.println(counter + ". " + g.toString() + "&nbsp; &nbsp; &nbsp; &nbsp; <input type=\"text\" name=\"" + counter + "\">" + "<br>");
    counter++;
}
out.println("<br><br><br> <input type=\"submit\" value=\"Enter\" name=\"en\" </html></body>");

顺便说一下,我一直在使用 servlet 和 Tomcat。

编辑:我看到有人说这是之前问题的重复。我个人认为我的问题是不同的,特别是因为我的重点是 HTML 而不是 JSP - 但无论如何,都可以。如果有人对这里的 HTML 有任何想法,我将不胜感激。

编辑 2:或者,我如何动态命名循环中的每个输入框?

<table>
    <c:forEach items="${gear}" var="g">
        <tr>
            <td>${g.category}</td> 
            <td>${g.desc1}</td>
            <td>${g.quant}</td>
            <td><input type="text"></td>
        </tr>
    </c:forEach>
</table>

【问题讨论】:

    标签: java html jsp servlets arraylist


    【解决方案1】:

    或者,我如何动态命名循环中的每个输入框?

    PFB 答案

    在你的 foreach 中添加一个 varStatus 并将你的输入框命名如下 varStatus="vStatus" 和输入 type="text" id="${pStatus}"

    <table>
        <c:forEach items="${gear}" var="g" varStatus="vStatus">
            <tr>
                <td>${g.category}</td> 
                <td>${g.desc1}</td>
                <td>${g.quant}</td>
                <td><input type="text" id="${pStatus}" name="${pStatus}"></td>
            </tr>
        </c:forEach>
    </table>
    

    【讨论】:

      【解决方案2】:

      使用varStatus:

      <c:forEach items="${gear}" var="g" varStatus='i'>
          ...
          <td><input type="text" name='${i.count}'></td>
          ...
      </c:forEach>
      

      【讨论】:

      • 无法投票支持我目前的代表,但非常感谢您的帮助!这行得通。
      猜你喜欢
      • 2015-01-04
      • 1970-01-01
      • 1970-01-01
      • 2016-08-06
      • 2012-09-11
      • 1970-01-01
      • 1970-01-01
      • 2017-05-16
      • 2015-08-09
      相关资源
      最近更新 更多