Obtener valor de un select

[verona]

Hola a todos, tengo el siguiente problema:

En un formulario tengo un campo select donde figuran los nombres de algunas imagenes, lo que ando necesitando es que al seleccionar una, al lado del select aparezca la miniatura de la imagen selecionada.

ejemplo:

Código:

<select name="imagenes" name="imagenes">
 <option value=''>Ninguna</option>
 <option value='1'>imagen1.gif</option>
 <option value='2'>imagen2.gif</option>
 <option value='3'>imagen3.gif</option>
 <option value='4'>imagen4.gif</option>
</select>
<img src="/imagenes/imagen3.gif" width="50" height="50">

Espero me puedan orientar como hacerlo, gracias

[mount]

Puedes utilizar el evento onchange y enviar a una función el valor de la imagen seleccionada:

Código:

<select name="imagenes" onchange="muestra(this.value)">
option value='imagen1.gif'>imagen1</option>

<img id='img' src="/imagenes/imagen3.gif" width="50" height="50">

function muestra(imagen) {
document.getElementById('img').src = '/imagenes/' + imagen;
}

[verona]

Gracias mount por contestar a mi consulta, pero no alcanzo a entender como paso el valor selecionado del select y que se muestre en la imagen y otro de los problemas es que el valor que tengo que tomar es el texto (imagen1.gif) y no el valor (value='1') porque el valor tiene que ser un numero para que se almacene en una base de datos:

<option value='1'>imagen1.gif</option>

Espero que se entienda mi problema, ya que entiendo poco y estoy tratando de aprender.

Gracias de nuevo.

[Sergestux]

En lugar

Código:

<select name="imagenes" onchange="muestra(this.value)">

debes poner para obtener el nombre de la imagen

Código:

<select name="imagenes" onchange="muestra(this.text)">

[verona]

Gracias a mount y a Sergestux por su ayuda ya entendi como funciona y anda perfecto.
Gracias de nuevo.