Mostrar/ocultar capas con un select

[axtm]

hola,
bueno creo que deberias hacerlo con un onchange y que tienes mal escrito el ultimo 'hid e', pero yo trabajo con la libreria jquery en mis proyectos y ahi te boto el codigo que me parece mas facil.


Codigo js

Código:

<script>
$().ready(function(){
$('#cambiar').change(function(e){
        if($('#cambiar').val()==1){//muestro el div1 y oculto los demas
          $('#apDiv1').show();
          $('#apDiv2').hide();
          $('#apDiv3').hide();
        }else if($('#cambiar').val()==2){//muestro el div2 y oculto los demas
          $('#apDiv2').show();
          $('#apDiv1').hide();
          $('#apDiv3').hide();
        }else{//muestro el div3 y oculto los demas
          $('#apDiv3').show();
          $('#apDiv1').hide();
          $('#apDiv2').hide();
        }
    });
})
</script>

Codigo html

Código:

<select id="cambiar" name="cambiar">
  <option value="1">muestra div1</option>
  <option value="2">muestra div2</option>
  <option value="3">muestra div3</option>
</select>

<div id='apDiv1' style="display: none">...info1...</div>
<div id='apDiv2' style="display: none">...info2...</div>
<div id='apDiv3' style="display: none">...info3...</div>

Espero te sirva, te recomiendo el jquery poruqe podras aprender a usar su potencial y enriquecer tu web eso si debes bajar la libreria [URL]http://jquery.com/download/[/URL]

Saludos