Ayuda con "Select"

[lalo0002]

hola amigos como puedo hacer lo siguiente:

tengo:

Código HTML:

<select name="cantidad">
        <option value="elije">elije</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
</select> 

como puedo hacer para q al seleccionar la opcion 1, me salga abajo una caja de texto, si pongo dos me salga otra caja debajo de la primera, y asi sucesivamente

Código HTML:

<INPUT name="" id="" style="width:170px;" type="text"> 

GRACIAS!

[armandoweb]

Hola:

Puedes hacerlo comparando con if el value de cada option y de acuerdo a cada valor generás la cantidad de inputs necesarios.

Saludos.

ARMANDOWEB.

[lalo0002]

Código HTML:

<?php if(value == "0")  {?>
     <DIV > no seleccionaste ninguna </DIV>
     <?php } else { ?>
    <DIV>
      <INPUT name="cantidad1" id="cantidad1" type="text" >
    </DIV>   
    <?php } ?> 

seria algo asi ? pero como jalo el value ?, alli me da error, x el value q no se como jalarlo

gracias

[hgp147]

Quieres hacerlo con Javascript o PHP?

[lalo0002]

con php amigo, como podria hacerlo ?

gracias

[doylelives]

si lo quieres hacer en php tendras que refrescar la pagina, creo que te conviene javascript! En php podrias refrescar la pagina enviandole por get el valor del option
?cantidad=valorDelOption
cuando se recarga la pagina el codigo enel area que desees pon:
for( $i=0;$i<$_GET[valorDelOption];$i++)}{
echo "<input name='cuadro$i'";
etc.....
}

[lalo0002]

axa, tons seria mejor con js, y como podria hacerlo con js ?

[hgp147]

Con PHP:

Código PHP:

 <form action="" method="GET"> 
<select name="cantidad" onchange="this.form.submit();"> 
        <option value="elije">elije</option> 
        <option value="1">1</option> 
        <option value="2">2</option> 
        <option value="3">3</option> 
</select> 
</form> 
 
<? 
 
$cantidad = $_GET['cantidad']; 
 
for($i=1;$i<=$cantidad;$i++){ 
 
echo '<INPUT name="cantidad{$i}" id="cantidad${$i}" type="text" >'; 
 
} 
 
?>   

[rquilca]

Te recomiendo que lo hagas con ajax, para que aprendas y de paso explores todo lo que puedes con ajax, y podras hacer aplicaciones web muy interesantes, pruebalo, en el foro de ajax tendras algunos ejemplos.

[lalo0002]

gracias hgp147 por tu ayuda, es justo lo q necesito

rquilca, tengo entendido q con ajax haces lo q necesito sin cargar la pagina ?
estudiare tb mas de ajax q es muy interesante


pero hay desventajas/ventajas haciendolo con php ? o es igual ??


gracias

[hgp147]

Con JS:

Código HTML:

<select name="cantidad" onchange="creaInput(this.value)"> 
        <option value="0">elije</option> 
        <option value="1">1</option> 
        <option value="2">2</option> 
        <option value="3">3</option> 
</select> 

<div id="capa"></div> 

La función:

Código:

function creaInput(cant){

var datos = '';

var div = document.getElementById('capa');

for(var i=1; i<=cant; i++){

datos += '<INPUT name="cantidad'+i+'" id="cantidad'+i+'" type="text" >';

}

div.innerHTML = datos;

}

Seguramente sea mejor hacer esto con DOM.

[doylelives]

Con ajax (javascript) el cambio es instantaneo. con php es necesario el refresco de pagina (para que trabaje el bucle el servidor), ademas no es aconsejable trasladar variables por get. Con ajax quedara mas elaborado y profesional.

[samardj]

hgp147, esa es la mejor respuesta .

ajax se usa para traer datos del servidor, en esto caso no es asi, ajax sobra aca, la mejor opcion es el DOM que propone hgp147

[lalo0002]

y como podria hacerlo con ajax ?

[doylelives]

Si es verdad hgp147 tiene razon!
lalo0002 te conviene desarrollarlo a partir de ese codigo.
Para que pedirle datos al servidor, si los datos los tienes en tu pantalla.
la funcion creaInput es llamada por el select, crea los input y los inserta en el id capa.
Todos los datos que se manejan estan en tu html, entiendes?

[lalo0002]

ahora lo ago gracias