Question

我必须创建一个HTML表格，我将在其中显示图像。我想将此路径传递给下一个servlet页面。为此我在javascript中创建了一个单独的方法。现在的问题是这样，每当我点击任何图像时，它每次都会传递相同的路径。请给我任何解决这个问题的方法，或者告诉我任何将路径传递到下一页的方法。我的代码是---＆gt;

<%@page import = "java.util.*" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>
    <head>
        <link href="Style.css" rel="stylesheet" type="text/css"/>
        <title>Home</title>
    </head>
    <body>
        <center>
            <h3>${requestScope.payment}</h3>
            <jsp:include page="Header.jsp"/>
            <jsp:include page="Menu2.jsp"></jsp:include>
            <form method="post" action="ProductFeatures" id="myform">
                <table border="1" bordercolor="green" bgcolor="yellow" align="center" id="store" >
                </table>
            </form>
            <%
             ArrayList<String> l = null;
             if(request.getAttribute("list") instanceof ArrayList<?>){
                 l = (ArrayList<String>)request.getAttribute("list");
             }
             %>
             <script type="text/javascript">
             window.onload = function(){
                 var path = new Array();
                 var imagepath = new Array();
                 var table = document.getElementById("store");
                 var j=0;
                 var k=0;
                 var row = null;
                 <%for(int i=0;i<l.size();i++) {%>
                     path.push("<%=l.get(i)%>");
                 <%}%>
                 for(i=0;i<path.length;i++){
                     imagepath[i] =path[i].replace ("F:java_projectsApplication4images","F:\\java_projects\\Application4\\images\\");
                 }
                 for(i=0;i<path.length;i++){
                     if(i%4==0){
                         row = table.insertRow(j);
                         k=0;
                         j++;
                     }
                     var data = imagepath[i];
                     var cell = row.insertCell(k);
                     var image = document.createElement("img");
                     image.setAttribute("src",imagepath[i]);
                     image.setAttribute("height","160");
                     image.setAttribute("width","120");
                     image.setAttribute("onclick",function(){getDetails(data);});
                     cell.appendChild(image);
                     row.appendChild(cell);
                     k++;
                 }
             };

             function getDetails(imagepath){
                 document.write(imagepath);
                 if(path.length>10){
                     var form = document.getElementById("myform");
                     var input = document.createElement("input");
                     input.type="hidden";
                     input.value=imagepath;
                     input.name="imagepath";
                     form.appendChild(input);
                     form.submit();
                 }
             }
            </script>
            <jsp:include page="Footer.jsp"/>
        </center>
    </body>
</html>

这里的函数getDetails中的代码变量imagepath始终包含相同的值。请有人告诉我这个代码中的错误。我没弄错。

Answer 1

更改以下行：

image.setAttribute("onclick",function(){getDetails(data);});

成：

image.setAttribute("onclick",(function(d){return function(){getDetails(d);}}(data));

另外，该行：

row.appendChild(cell);

是redondant，因为单元格是插入row.insertCell（k）

将数组的值传递给javascript中的方法

1 个答案: