2

在 HTML 中，我有这堵带有不同食物的图片墙。

<ul>
    <li><p>Sallad</p><img src="img/sallad.jpg"></li>
    <li><p>Pizza</p><img src="img/pizza.jpg"></li>
    <li><p>Sushi</p><img src="img/Sushi.jpg"></li>
    <li><p>Pasta</p><img src="img/pasta.jpeg"></li>
    <li><p>Indian</p><img src="img/indian.jpeg"></li>
    <li><p>Fish</p><img src="img/fish.jpeg"></li>
    <li><p>Burger</p><img src="img/burger.jpeg"></li>
    <li><p>Steak</p><img src="img/steak.jpeg"></li>
    <li><p>Vegetarian</p><img src="img/vegetarian.jpeg"></li>

 </ul>

我的问题基本上是我有一个搜索功能，当我点击其中一张图片时，我希望它把我重定向到另一个页面，我知道我基本上可以使用<a href它，但问题是我希望这些图片中的每一张都有一个值，以便我的搜索功能可以读取它，然后显示数据库中的搜索结果。IE 如果我点击意大利面图片，它将带我进入显示数据库中所有意大利面菜肴的结果页面。

如果你们中的任何人有任何其他建议或解决方案，我真的很乐意。非常感谢阅读！

4

2 回答 2

2

只需使用包含查询字符串的链接。

<a href="whatever.jsp?search=salad"><img src="..."></a>

对其他元素也这样做。然后，在您的服务器端代码中，您可以访问名为“search”的 GET 变量。

于 2012-12-23T14:30:27.527 回答
0 
<a href="The URL of the site"><img src="The URL of the image"></a>

例子

<li><p>Sallad</p><a href="sallad.html"><img src="img/sallad.jpg"></a></li>

或者

<li><p>Sallad</p><a href="search.jsp?search=sallad"><img src="img/sallad.jpg"></a></li>

更新

试试这个

    <li><a href="sallad.html"><p>Sallad</p></a><img src="img/sallad.jpg"></li>
于 2012-12-23T14:30:41.660 回答