boucle avec value option

Bonjour
j'ai fait une liste en html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<SELECT name="liste">
	    <OPTION VALUE="fds">Fournaise du Sang</OPTION>
		<OPTION VALUE="sb">Salles Bris&eacute;es</OPTION>
		<OPTION VALUE="eae">Enclos aux Esclaves</OPTION>
		<OPTION VALUE="bt">Basse-Tourbi&egrave;re</OPTION>
		<OPTION VALUE="cdlv">Caveau de la Vapeur</OPTION>       
        <OPTION VALUE="tm">Tombes-Mana</OPTION>
		<OPTION VALUE="ca">Cryptes Auchena&iuml;</OPTION>
		<OPTION VALUE="sds">Salles de Sethekk</OPTION>
		<OPTION VALUE="ldo">Labyrinthe des Ombres</OPTION>
		<OPTION VALUE="fdd">Fort-de-Durn</OPTION>        
        <OPTION VALUE="pdt">Porte des T&eacute;n&egrave;bre</OPTION>
		<OPTION VALUE="m">M&eacute;chanar</OPTION>
		<OPTION VALUE="b">Botanica</OPTION>
		<OPTION VALUE="a">Arcatraz</OPTION>
		<OPTION VALUE="k">Karazhan</OPTION>       
        <OPTION VALUE="cdsds">Caverne du Sanctuaire du Serpent</OPTION>
		<OPTION VALUE="ddlto">Donjon de la Temp&ecirc;te: l'Oeil</OPTION>
		<OPTION VALUE="sh">Sommet d'Hyjal</OPTION>
		<OPTION VALUE="z">Zul'Aman</OPTION>
		<OPTION VALUE="sfk">Seigneur Funeste Kazzak</OPTION>        
        <OPTION VALUE="az">Azuregos</OPTION>
		<OPTION VALUE="de">Dragon d'&Eacute;meraude</OPTION>
		<OPTION VALUE="mf">Marche-Funeste</OPTION>
		<OPTION VALUE="rdg">Repaire de Gruul</OPTION>
		<OPTION VALUE="ma">Magtheridon</OPTION>          
	</SELECT>

et j'aimerai que quand je choisi une valeur,
une carte apparait ,cette derniére étant différente a chaque fois sur ma page web en javascript et je ne sais pas trop comment m'y prendre.
merci de m'aider