Foros del Web » Programando para Internet » Javascript »

SOLUCIONADO: Mostrar contenido oculto con selector en javascript

Estas en el tema de SOLUCIONADO: Mostrar contenido oculto con selector en javascript en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/03/2010, 10:38
 
Fecha de Ingreso: diciembre-2009
Ubicación: Cantabria, España
Mensajes: 174
Antigüedad: 9 años, 9 meses
Puntos: 2
SOLUCIONADO: Mostrar contenido oculto con selector en javascript

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.

Última edición por nuff; 30/03/2010 a las 10:57 Razón: SOLUCIONADO
  #2 (permalink)  
Antiguo 30/03/2010, 10:41
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.032
Antigüedad: 11 años, 6 meses
Puntos: 1326
Respuesta: Ayuda con javascript

Hola,

Te aconsejo que las dudas de Javascript las pongas en el subforo de JavaScript.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 30/03/2010, 10:44
 
Fecha de Ingreso: diciembre-2009
Ubicación: Cantabria, España
Mensajes: 174
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: Ayuda con javascript

Mis disculpas, creí que estaba ahí... pero navegando con pestañas... en fin, debí confundir la pestaña xD

Alguien puede moverlo? Gracias
  #4 (permalink)  
Antiguo 30/03/2010, 10:47
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.712
Antigüedad: 14 años, 4 meses
Puntos: 836
Hola, nuff.

Traslado el tema a la sección de Javascript.

Saludos.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #5 (permalink)  
Antiguo 30/03/2010, 10:49
 
Fecha de Ingreso: diciembre-2009
Ubicación: Cantabria, España
Mensajes: 174
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: Ayuda con javascript

EDITO: Conseguí solucionar el error, faltaba .value para sacar el valor del select.

Copio el código en el primer post.

Saludos y gracias igualmente.

Etiquetas: contenido, oculto, selector, solucionado
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:14.