Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/06/2009, 18:12
Avatar de sebaweb
sebaweb
 
Fecha de Ingreso: abril-2009
Mensajes: 95
Antigüedad: 15 años, 11 meses
Puntos: 0
pregunta sencilla, problema con select

Hola que tal, concurro a ustedes de nuevo que son los que mas saben de esto.
Mi problema es muy sencillo para ustedes, estoy tratando de empezar a trabajar con select y option para familiarizarme pero me tope con un problema y no puedo resolverlo


este es el codigo

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>

<style type="text/css">
	#appDiv1 { border: #333 solid 2px; width: 200px; height: 200px; margin:50px; display: block; }
</style>

<script language="javascript">

   function cambiarestado() {

  }

</script>

</head><body>

<form name="form1">
	<select size="1" name="select1" onchange="cambiarestado()">
		<option value="visible">visible</option>
		<option value="invisible">invisible</option>
    </select>
</form>

<div id="appDiv1">Div</div>

</body>
</html> 

simplemente lo que quiero hacer es, que al cambiar de opcion, si eligo la opcion invisible, la caja div obtenga el display:"none"y al seleccionar visible, la caja div tenga el estado "block".

deje la parte de codigo java script porque no se realmente cual es el script que necesito. espero que puedan ayudarme, muchas gracias.