带有选择选项的图像图

Question

如何使用单独的<select>创建图像映射？

我需要这样的东西：

<img src="image.png" alt="Website map" usemap="#mapname" />
<map name="judete" id="judete">
    <area shape="poly" coords="474,300,485" href="#" alt="TL" judet="TL" text="Tulcea" />
    <area shape="poly" coords="309,393,305" href="#" alt="TR" judet="TR" text="Teleorman" />
    <area shape="poly" coords="498,336,501" href="#" alt="CT" judet="CT" text="Constanta" />
</map>

我需要使用下一个代码从地图中单击某个区域

<select name="judete">
  <option value="Tulcea">Tulcea</option>
  <option value="Teleorman">Teleorman</option>
  <option value="Constanta">Constanta</option>
</select>

有可能吗？

Answer 1

我还不能发表评论，所以我不得不这样问：

您是说要在地图旁边放置一个下拉列表，以防用户无法单击地图中的位置？

或者，您是说单击地图上的某个位置时会出现一个下拉列表？

无论哪种方式，都有可能。