2015-05-22 154 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

我無法評論,但因此我不得不問這樣的:

你的意思是你接下來要在情況下,用戶無法通過點擊地圖中的地點的地圖的下拉列表?

或者當您點擊地圖上的某個地方時,是否顯示下拉列表?

無論哪種方式,這是可能的。