Intentando cambiar las propiedades de una capa a través de un selector tengo un problema y me he quedado ahí... Nose si hago algo mal (uso del onChange) o a saber...
código HTML:
Código:
<form id="form1"> ¿Desea mostrar más elementos? <br /> <select id="selector" onChange="muestraMas()"> <option value="default" selected="selected"></option> <option value="Si">Si</option> <option value="No">No</option> </select> <div id="masElementos" style="display:none;"> Mostrando más elementos </div> </form>
Código JS:
Código:
La función es la siguiente: La capa con id "masElementos" está por defecto en "display:none" y al seleccionar "Si" en el selector llamado "selector"(qué lógico ¿no?) la propiedad display cambiaría a "block".<script type="text/javascript"> function muestraMas(){ var var1=document.getElementById('selector').value; var var2=document.getElementById('masElementos'); if(var1=="Si"){ var2.style.display="block"; } else{ var2.style.display="none"; } } </script>
Creo que la idea se entiende, sino decírmelo e intento explicarme mejor.
Gracias.
EDITADO: Corregido y funcionando, muestro el código válido más arriba.