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

【问题标题】：Fetching an image from array of images and redirect it to another page to display从图像数组中获取图像并将其重定向到另一个页面以显示
【发布时间】：2015-08-13 09:16:18
【问题描述】：

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

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

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

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

我想通过我在代码行中显示的 onclick() 函数通过 javascript 执行此操作。但是当我通过 document.getelmentbyid("abc").src 执行此操作时，它只显示第一个图像，而不管任何其他图像用户选择...

怎么办？？？

【问题讨论】：

你在 myfunction 中有什么？您需要更改点击事件处理程序

标签： javascript jsp

【解决方案1】：

如果我理解您的问题，即图像标签处于循环中。在一个页面中，您不能有具有相同 id 的元素。 ID 对页面应该是唯一的。您可以为这些图像提供一个 css 类，您可以尝试 $('.classname').click(function(){ // 这将返回一个数组。您可以检查单击此处的内容并将其发送到下一页 });

【讨论】：

【解决方案2】：

你无法获取带有ID属性的点击图片src，使用this.src

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

【讨论】：

【解决方案3】：

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

1您不能将 id 赋予多个 img 标签。所以只需删除 id 并改用 class

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

2 在 myFunction() 中写下：

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

【讨论】：