Foros del Web » Programando para Internet » Javascript » Frameworks JS »

mostrar y ocultar elementos de form

Estas en el tema de mostrar y ocultar elementos de form en el foro de Frameworks JS en Foros del Web. Hola amigos ,tengo un pequeño inconveniente que seguramente lo voy a poder solucionar con ustedes Tengo este codigo: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original ...
  #1 (permalink)  
Antiguo 26/02/2011, 07:53
 
Fecha de Ingreso: octubre-2010
Mensajes: 233
Antigüedad: 13 años, 5 meses
Puntos: 3
mostrar y ocultar elementos de form

Hola amigos ,tengo un pequeño inconveniente que seguramente lo voy a poder solucionar con ustedes
Tengo este codigo:
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.     $(document).ready(function(){
  3.         $("#cantidad").change(function(){
  4.               val = $("#cantidad option:selected").val();
  5.             $(".radio").each(function(i){
  6.                 i++;
  7.                 if( i == val )
  8.                     $("#radio"+i).show("slow");
  9.                 else
  10.                     $("#radio"+i).hide("slow");
  11.             });
  12.         });
  13.     });
  14.  
  15. </script>
y el html
Código HTML:
Ver original
  1. <select name="cantidad" id="cantidad">
  2.             <option value="1" selected="selected">1</option>
  3.             <option value="1">1</option>
  4.             <option value="2">2</option>
  5.             <option value="2">2</option>
  6.             <option value="2">2</option>
  7.             <option value="2">2</option>
  8.             </select>
  9.    
  10.       <label id="radio1">1<input type="text" name="radio" class="radio"  /> </label>
  11.       <label id="radio2">2<input type="text" name="radio" class="radio" />  </label>
lo que necesitaria es que al iniciar la pagina me muestre un solo input y no los dos como ahora
habria alguna forma de hacer eso
Saludos y muchas gracias
  #2 (permalink)  
Antiguo 26/02/2011, 15:16
Avatar de marlanga  
Fecha de Ingreso: enero-2011
Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 13 años, 2 meses
Puntos: 206
Respuesta: mostrar y ocultar elementos de form

No entiendo por qué tienes options repetidos, pero bueno.
Para ocultar el segundo input, crea el estilo en tu hoja de estilos o el el HEAD entre las etiquetas <STYLE></STYLE>:
label#radio2 { display:none;}
  #3 (permalink)  
Antiguo 26/02/2011, 16:37
 
Fecha de Ingreso: octubre-2010
Mensajes: 233
Antigüedad: 13 años, 5 meses
Puntos: 3
Respuesta: mostrar y ocultar elementos de form

buenisimoo!!!
me andubo perfecto
Gracias
Saludos

Etiquetas: elementos, formulario
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 02:50.