Javascript 如何将图像映射区域id发送到php文件？

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

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

任何帮助都将不胜感激

---

谢谢。

您可以将

href

属性添加到

元素中，并添加通过php传递id？

---

使用隐藏的输入字段显示您的尝试。理想情况下，创建一个。

<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>

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

$product_id = $_GET["id"];