从图像数组中获取图像并将其重定向到另一个页面以显示

Question

我在jsp工作...我有一个名为first.jsp的页面我使用以下代码显示一堆图像：

<img src="a\<%out.println(s5[j]);%> "  width="200" height="200"  onclick="myfunction()"  id="abc"    />

这里是所有图像所在的文件夹名称。现在s5 [j]是我用于循环访问的图像文件数组..（图像标记在for循环中）

现在我的问题是我想访问用户点击选择的图像之一并将其转发到显示该特定图像的second.jsp页面。

我想通过javascript通过onclick（）函数执行此操作，我在代码行中显示..但是当我通过document.getelmentbyid（＆＃34; abc＆＃34;）执行此操作时.src它只显示第一个图像无论用户选择的任何其他图像......

怎么做???

Answer 1

如果我理解你的问题，那就是图片标签处于循环中。在页面中，您不能拥有具有相同ID的元素。 ID应该是页面唯一的。您可以为这些图像提供css类，您可以尝试  $（ '类名'）。点击（函数（）{ //这将返回一个数组。你可以检查点击这里并将其发送到下一页 }）;

Answer 2

您无法点击带有ID属性的图片src，并使用this.src

var myfunction = function(){
       var src =  this.src
       //rest of the code here
    }

Answer 3

您的问题有点不清楚您将图像转发到second.jsp页面是什么意思。但是请看下面

1 您无法为多个img标记提供ID。所以只需删除id并使用类

<img src="a\<%out.println(s5[j]);%> "  width="200" height="200"  onclick="myfunction()"  class="abc"    />

myFunction（）中的

2 写下来：

function myFunction(){
 //this refrence to img tag
 var img = this;
 // do wahtever you want to do
 var src = img.src;
}