2015-05-22 69 views
2

如何使用单独的<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> 

点击的区域是更多钞票?

回答

0

我无法评论,但因此我不得不问这样的:

你的意思是你接下来要在情况下,用户无法通过点击地图中的地点的地图的下拉列表?

或者当您点击地图上的某个地方时,是否显示下拉列表?

无论哪种方式,这是可能的。