pregunta sencilla, problema con select

sebaweb · #1 (**permalink**) 19/06/2009, 18:12

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.

David · #2 (**permalink**) 19/06/2009, 18:21

Podría ser:

Código Javascript:

Ver originalcambiarestado(this.value);

Código Javascript:

Ver originalfunction cambiarestado(valor) {
    if (valor == "visible") {
        /* Mostrar div */
    } else if (valor == "invisible") {
        /* Ocultar dir */
    }
}