Lista desplegable

Citar

Escrito el 11 Feb 2010 12:23 am

Holas gentes una pregunta quisiera saber como hacer una lista esplegable como el siguiente enlace:

[url=http://www.pettags.com/productdetail.aspx?ProductID=19&PS=1][/url]

Como se nota cada ves que eligen una nueva opcion de la lista se cambia la imagen (al parecer camba por una nueva pagina) y lo demas se mantiene igual.
Alguien me puede orientar como realizar esto..

Por mithoos

5 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 11 Feb 2010 03:59 am

Código HTML :

<html>
<head>
<title>cambio de imagen</title>
</head>

<body>

<p align="center">&nbsp;</p>

    <form name="ddmessage">


          <select name="selectbox" size="1" onChange="changecontent(this)">
          <option selected>opcion 1</option>
          <option>opcion 2</option>
                    <option>opcion 3</option>
          <option>opcion 4</option>
          </select><br>

          <textarea rows="8" name="contentbox" cols="35" wrap="virtual"></textarea><br>

</form>
<img name="imagen" src=""/>
<p>
<script language="JavaScript">


var thecontents=new Array()
/*agrega un 
thecontents[0]='imagen0.jpg'
por cada item y imagen que quieras poner
ejemplo para 8 imagenes
thecontents[0]='imagen0.jpg'
thecontents[1]='imagen1.jpg'
thecontents[2]='imagen2.jpg'
thecontents[3]='imagen3.jpg'
thecontents[4]='imagen4.jpg'
thecontents[5]='imagen5.jpg'
thecontents[6]='imagen6.jpg'
thecontents[7]='imagen7.jpg'
 */
thecontents[0]='imagen0.jpg'

thecontents[1]='imagen1.jpg'
thecontents[2]='imagen2.jpg'

thecontents[3]='imagen3.jpg'




function changecontent(which){

imagen.src = thecontents[document.ddmessage.selectbox.selectedIndex]
/*podes eliminar esta linea junto con el contentbox, es solo para mostrar el resultado*/
document.ddmessage.contentbox.value= thecontents[document.ddmessage.selectbox.selectedIndex]



}
</script>

</body>
</p>

</body>

</html>

Por hdf1986

68 de clabLevel

Genero:Masculino