Me he decidido a aprender JavaScript y poco a poco voy avanzando.
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:
<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>
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".
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.