poner una imagen con un option

[memoadian]

si tienes un texto de áfrica pues ponle un onclick="ver_imagen('valor')"

en valor va algo como 'africa', 'oceania', 'america'
y en la funcion con javascript

Código Javascript:

function ver_imagen(valor){
if(valor == 'africa'){
document.getElementById('mapa').innerHTML = '<img src="africa.png" alt="mapa africa"/>';
}else if(valor == 'america'){
document.getElementById('mapa').innerHTML = '<img src="america.png" alt="mapa america"/>';
}else{
document.getElementById('mapa').innerHTML = '<img src="otro.png" alt="otro mapa"/>';
}
}
 

y tu html muy simple

Código HTML:

<div>
<a href="javascript:void()" onclick="ver_imagen('africa');">África</a>
<a href="javascript:void()" onclick="ver_imagen('america');">Ámerica</a>
<div id="mapa"></div>
</div>