intercambiar imagen desde la lista/menu de un formulario

damian0021 · #1 (**permalink**) 18/11/2006, 07:21

Tengo un formulario con una lista/menu. Y en un lado tengo una imagen.
Quiero que la imagen se intercambie por otra pedendiendo del valor elegido en la lista/menu del formulario.

Como hago esto en JavaScript?

BonRouge · #2 (**permalink**) 18/11/2006, 09:11

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "****://***.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>intercambiar un imagen con un select</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
background-color:white;
}
</style>
<script type="text/javascript">
function intercambio(lista,imagen) {
document.getElementById(lista).onchange=function() {
	document.getElementById(imagen).src=this.value+'.jpg';
	}
}
window.onload=function() {intercambio('numeros','imagen')}
</script>
</head>
<body>
<form method="post" action="#">
<p><select id="numeros">
<option value="uno">uno</option>
<option value="dos">dos</option>
<option value="tres">tres</option>
<option value="cuatro">cuatro</option>
<option value="cinco">cinco</option>
</select>
<img id="imagen" src="uno.jpg" alt="numero" />
</form>
</body>
</html>

damian0021 · #3 (**permalink**) 18/11/2006, 19:26

muchisimas gracias!!!!!

me ayudastes mucho.