mostrar y ocultar elementos de form

[darion]

Hola amigos ,tengo un pequeño inconveniente que seguramente lo voy a poder solucionar con ustedes
Tengo este codigo:

Código Javascript:

<script type="text/javascript">
    $(document).ready(function(){
        $("#cantidad").change(function(){
              val = $("#cantidad option:selected").val();
            $(".radio").each(function(i){
                i++;
                if( i == val )
                    $("#radio"+i).show("slow");
                else
                    $("#radio"+i).hide("slow");
            });
        });
    });
 
</script>
 

y el html

Código HTML:

<select name="cantidad" id="cantidad">
            <option value="1" selected="selected">1</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="2">2</option>
            <option value="2">2</option>
            <option value="2">2</option>
            </select>
    
      <label id="radio1">1<input type="text" name="radio" class="radio"  /> </label>
      <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

[marlanga]

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;}

[darion]

buenisimoo!!!
me andubo perfecto
Gracias
Saludos