Select con imagenes

[jrodriguez30]

BUenos dias... lo que necesito hacer en mi web es que mediante las opciones de un select se cargue una imagen.... es decir si mi select contiene entre sus opciones: gato, perro, caballo. si escojo la gato se cargue una imagen de un gato y asi sucesivamente.... No c si se podra... Muchas gracias x tu atencion :)

[caricatos]

Hola:

Puedes crear un array asociativo que asocie el value de cada opción con la url de la imágen...

var asociado = new Object();
asociado["gato"] = "gato.gif";
asociado["perro"] = "perro.gif";
...
<img id="asocoada" src="gato.gif" />
<select onchange="document.getElementById('asociada').src = asociado[this.value]" >
<option value="gato" selected="selected">gato</option>
<option value="perro" >perroo</option>
</select>

Saludos