Foros del Web » Programando para Internet » Javascript »

Ocultar / Mostrar Divs con un Select

Estas en el tema de Ocultar / Mostrar Divs con un Select en el foro de Javascript en Foros del Web. Hola amigos, no soy muy bueno para javascript por lo que les solicito su ayuda, tengo 10 divs y quisiera mostrarlos con un select, por ...
  #1 (permalink)  
Antiguo 02/02/2010, 18:45
 
Fecha de Ingreso: julio-2005
Mensajes: 84
Antigüedad: 18 años, 9 meses
Puntos: 1
Ocultar / Mostrar Divs con un Select

Hola amigos, no soy muy bueno para javascript por lo que les solicito su ayuda, tengo 10 divs y quisiera mostrarlos con un select, por ejemplo en el select si pongo el número 4 que me muestre los divs del 1 al 4, si selecciono 10 que me muestre los divs del 1 al 10, espero darme a entender, de antemano muchisimas gracias!
  #2 (permalink)  
Antiguo 03/02/2010, 00:23
Avatar de minkweb  
Fecha de Ingreso: septiembre-2005
Mensajes: 443
Antigüedad: 18 años, 7 meses
Puntos: 14
Respuesta: Ocultar / Mostrar Divs con un Select

Ok
debes tener tus divs de la siguiente manera

Código PHP:
<div id="div_1"></div>
<
div id="div_2"></div>
<
div id="div_3"></div
.....

el select
Código PHP:
<select onchange="ShowDivs(this.value)">
<
option value="1">1</option>
<
option value="2">2</option>
<
option value="3">3</option>
</
select
el javascript
Código PHP:
function ShowDivs(NDivs)
{

  for(
i=1;i<=10;i++)
  {
     
document.getElementById('div_'+i).style.display 'none';
  
     if(
i<=NDivs)
     {
        
document.getElementById('div_'+i).style.display 'block';
     }
  }


Pruebalo y cuentanos que tal te va..

Saludos
__________________
Juegos
Juegos iphone

Etiquetas: select
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 19:45.