Lo primero que tendrías que hacer, es que el select tenga un id.
Siempre que quieras utilizar un elemento en javascript, la mejor forma es hacerlo accediendo por su id.
Luego, deberías agregarle en su evento "onchange", el llamado a una función javascript (por ejemplo, digamos, cambiarImagen()).
También, sería útil definir una etiqueta div, donde cargar la imagen que quieres que aparezca.
Entonces, el html debería ser:
Código HTML:
<select name="xname" id="selectID" onchange="cambiarImagen();">
<!-- todas tus ociones acá -->
</select>
<div id="divImagen"></div>
Entonces, luego puedes definir una función javascript, que se encargue de ejecutar el código.
Podría ser, por ejemplo:
Código javascript
:
Ver originalfunction cambiarImagen()
{
var indice = document.getElementById("selectID").selectedIndex; // Busco el índice del elemento select
var valor = document.getElementById("selectID").value; // Busco el valor del elemento select
// Ingresé los dos para que veas cuál es el que más te sirve, seguramente sea el valor.
var div = document.getElementById("divImagen"); // Guardo la referencia del elemento div donde voy a guardar la imagen.
// Acá pones el código donde elijes la imagen que deseas según el valor
div.innerHTML = "<img src='laRutaDeLaFoto' width='elQueSea' height='elQueSea' alt='elQueSea'>"; // Ingreso en el interior del div una imagen, cuya ruta es la que obtendrías en el paso anterior, según el valor del combo.
}
Espero te sirva.
Saludos
