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>

私の問題は、基本的に検索機能があることです。これらの写真の1つをクリックすると、別のページにリダイレクトしたいのです<a hrefが、基本的にこれを使用できることはわかっていますが、これらの写真のそれぞれに検索機能がそれを読み取り、データベースからの検索結果を表示できるように、1 つの値を設定します。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 に答える