Foros del Web - No va en iexplorer 7

Foros del Web (http://www.forosdelweb.com/)

- Javascript (http://www.forosdelweb.com/f13/)

- - No va en iexplorer 7 (http://www.forosdelweb.com/f13/no-iexplorer-7-a-660389/)

No va en iexplorer 7

He creado el siguiente html para luego integrarlo en el código de mi aplicación:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script type="text/javascript">
function visualizar() {
document.getElementById("div1").style.visibility=' visible';
document.getElementById("div2").style.visibility=' hidden';
}

function visualizar2() {
document.getElementById("div1").style.visibility=' hidden';
document.getElementById("div2").style.visibility=' visible';

}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

<select id="sel1">
<option onclick="visualizar2();" value="0" >0</option>
<option onclick="visualizar();" value="1" >1</option>
</select>

<div id="div1" style="visibility:hidden;">
<select>
<option id="op1" value="A" >A</option>
<option id="op2" value="B" >B</option>
</select>
</div>

<div id="div2" style="visibility:hidden;">
<select>
<option id="op1" value="C" >C</option>
<option id="op2" value="D" >D</option>
</select>
</div>

</body>
</html>

Sale una lista que según pincho en 0 o 1 me divualiza un checklist u otro.
En firefox va bien, pero internet explores no va...¿Como puedo solucionarlo?

Y otro pregunta, como hago para que los diferentes div esten en el mismo sitio y no uno detras del otro.

Muchas gracias.

Respuesta: No va en iexplorer 7

Hola:

En vez de usar <option onclick=... debes usar select onchange=...

Saludos :arriba:

Respuesta: No va en iexplorer 7

Entoces debere capturar el valor seleccionado del select para según el que este seleccionado haga una cosa u otra.
Me puede decir como lo haria(la sintaxis)

Muchas gracias.

Respuesta: No va en iexplorer 7

Hola:

Debes consultar el value del mismo select...

<select onchange="visualiza(this.value)"...

y ...

function visualiza(valor) {
document.getElementById("div1").style.visibility= (valor == '0') ?' visible':'hidden';
document.getElementById("div2").style.visibility=( valor == '0') ?' hidden':'visible';
}

Luego debes estudiar la condición (podría haberla puesto al revés...:pensando: )

Saludos :arriba: