variable javascript desde html

Hola, quizas la pregunta sea tonta pero me he bloqueado y no se como solucionarlo.
Lo que necesito es poner en una ruta de una imagen, el valor de un select. ¿Cómo puedo hacerlo?
Mi código resumido es el siguiente:

Código :

<form name=formulario>
<select name='producto' onChange="actualizarProducto(this.value)">
<option value=1>Muestra Imagen 1</option>
<option value=2>Muestra Imagen 2</option>
</select>
<img src="prueba.php?id=document.formulario.producto.value"/>
</form>

Bueno, la solución que yo le di fue haciendo una pequeña función en javascript que lo que hace simplemente es cambiar la propiedad src de la imagen de la siguiente forma.

JS

Código :

<script language="JavaScript1.3" type="text/javascript">
function changeImage(valor){
   image = document.getElementById("imagen");
   image.src = valor;
}
</script>

y en HTML lo siguiente

Código :

<form name="form">
   <select name="producto" onchange="changeImage(this.options[selectedIndex].value)">
      <option value="imagen1.gif">Valor1</option>
      <option value="imagen2.gif">Valor2</option>
   </select>
</form>

<img id="imagen" src="" width="200" height="200" />

No se si habra soluciones mas sencillas, pero lo bueno de esto es que la función la podes aplicar a cualquier cambio de imagen que quieras hacer simplemente cambiando el valor del parámetro.. es mas, podes usar la función pasandole doble parámetro, uno para el valor que recibis y otro para el ID de la imagen que quieras cambiar.

MP, muchísimas gracias, es justamente lo que necesitaba.
Un saludo y gracias de nuevo

Basicamente esa es la idea pablo, pero lo mejor seria hacer todo el js de forma no intrusiva, asi todo seria más rápido de actualizar, cambiar y mejorar.