如何将图像映射区域ID发送到php文件?

时间:2018-04-27 09:39:54

标签: javascript php html sql imagemap

我有一张图像地图,显示存储在MySQL数据库中的不同类型食物的类别。类别底部的每个节点都是imagemap上的一个区域,当我点击这个区域时,我希望它将该产品的相关产品ID发送到名为show_products.php的php文件,该文件将显示该产品的详细信息(即价格,股票,名称等。)

my imagemap

<map name="frozen">
        <area coords="88,172,6,130" shape="rect" id="1001"> 
        <area coords="61,247,143,291" shape="rect" id="1002">
        <area coords="196,132,278,172" shape="rect" id="1003">
        <area coords="237,289,155,249" shape="rect" id="1004">
        <area coords="336,288,253,248" shape="rect" id="1005">
        <area coords="349,248,430,289" shape="rect" id="1006">
    </map>

我尝试将地图封装在表单中并通过javascript提交POST数据,但是我的其他php文件仍然无法获得与每个区域相关联的ID。如何将这些独特的产品ID发送到另一个用户点击相关区域的php文件,show_products.php页面将显示所选产品的所有详细信息?有没有比使用id手动寻址每个区域更有效的方法?

非常感谢任何帮助。

谢谢。

1 个答案:

答案 0 :(得分:0)

您可以将href属性添加到<area>元素并添加通过php传递ID?

<area coords="88,172,6,130" href="show_products.php?id=<?= $product_id ?>" shape="rect" id="1001">

然后在你的show_products.php中通过

获取id
$product_id = $_GET["id"];