agrear tantos textbox como se quiera

mega0079 · #1 (**permalink**) 30/07/2009, 06:05

hola o que pasaes que tengo una pagina donde te pregunte cuentos campos deseas insertar y qque dependiendo de ese numero te cree, tantos textbox como se lo has marcado en un textbox, anterior.

Tengo un script que agrega n campo, pero lo hace cada ves que pulsas el boton agregar, yo quiero que me muestre un text en el cual yo le ponga cuantos campos quiero agregar y los agregue muchas gracias por su ayuda!!

Adler · #2 (**permalink**) 30/07/2009, 07:42

Hola

Algo como esto

Código javascript:

Ver originalfunction crearCampos(cantidad){
var div = document.getElementById("campos_dinamicos");
while(div.firstChild)div.removeChild(div.firstChild); // remover elementos;
    for(var i = 1, cantidad = Number(cantidad); i <= cantidad; i++){
    var salto = document.createElement("P");
    var input = document.createElement("input");
    var text = document.createTextNode("Campo Dinamico " + i + ": ");
    input.setAttribute("name", "campo" + i);
    input.setAttribute("size", "12");
    input.className = "input";
    salto.appendChild(text);
    salto.appendChild(input);
    div.appendChild(salto);
    }
}

Código html:

Ver original<input type="text" name="cantidad" id="cantidad" value="" onkeyup="crearCampos(this.value);" />

Suerte

mega0079 · #3 (**permalink**) 30/07/2009, 13:25

no me pone nada :S

Adler · #4 (**permalink**) 30/07/2009, 13:59

Hola

Cita:

Iniciado por mega0079

no me pone nada :S

¿Has creado un elemento cuyo div sea "campos dinamicos". Por ejemplo <div id="campos_dinamicos"></div>?

Suerte

mega0079 · #5 (**permalink**) 30/07/2009, 15:54

te lo agradesco demasiado !!!! :d

mega0079 · #6 (**permalink**) 31/07/2009, 09:31

si me funciona el codigo pero no se como integrarlo a mi codifgo anterior :

Código PHP:

  <?php  
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Documento sin t&iacute;tulo</title> 
 
<script language="javascript"> 
function crearCampos(cantidad){ 
var div = document.getElementById("campos_dinamicos"); 
while(div.firstChild)div.removeChild(div.firstChild); // remover elementos; 
    for(var i = 1, cantidad = Number(cantidad); i <= cantidad; i++){ 
    var salto = document.createElement("P"); 
    var input = document.createElement("input"); 
    var text = document.createTextNode("Numero de partida " + i + ": "); 
    input.setAttribute("name", "campo" + i); 
    input.setAttribute("size", "12"); 
    input.className = "input"; 
    salto.appendChild(text); 
    salto.appendChild(input); 
    div.appendChild(salto); 
    } 
} 
</script> 
</head> 
 
 
<body> 
 
<?php  echo ("Proveedores");?> <input type="text" name="cantidad" id="cantidad" value="" onkeyup="crearCampos(this.value);" /><br> 
<form id="form1" name="form1" method="post" action=""> 
  <p> 
  <select name="id_prove" id="id_prove" onChange="submit()"> 
    <option value="" <?php if (!(strcmp("", $_POST['id_prove']))) {echo "selected=\"selected\"";} ?>>Proveedores</option> 
    <?php 
     
do {   
?><option value="<?php echo $row_proveedores['PROVEEDOR']?>"<?php if (!(strcmp($row_proveedores['PROVEEDOR'], $_POST['id_prove']))) {echo "selected=\"selected\"";} ?>><?php echo $row_proveedores['PROVEEDOR']?></option> 
 
      <?php 
      
} while ($row_proveedores = mysql_fetch_assoc($proveedores)); 
  $rows = mysql_num_rows($proveedores); 
  if($rows > 0) { 
      mysql_data_seek($proveedores, 0); 
      $row_proveedores = mysql_fetch_assoc($proveedores); 
  } 
?> 
 
 
    </select> 
  </p> 
  <p>&nbsp;</p> 
  <table width="200" border="1"> 
    <tr> 
      <td>CODIGO</td> 
      <td>DESCRIPCION</td> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
      <td><select name="id_cod" id="id_cod" onChange="submit()" method="post"> 
        <option value="" selected="selected" <?php if (!(strcmp("", $_POST['id_ccore']))) {echo "selected=\"selected\"";} ?>><?php echo $row_ccore['Codigo_core']?></option> 
        <?php 
do {   
?> 
        <option value="<?php echo $row_cod['cc']?>"<?php if (!(strcmp($row_cod1['cc'], $_POST['id_cod']))) {echo "selected=\"selected\"";} ?>><?php echo $row_cod1['cc']?></option> 
        <?php 
} while ($row_ccore1 = mysql_fetch_assoc($cod1)); 
  $rows = mysql_num_rows($cod1); 
  if($rows > 0) { 
      mysql_data_seek($cod1, 0); 
      $row_ccore1 = mysql_fetch_assoc($cod1); 
  } 
?> 
      </select>       
    
      </td> 
      <td> <?php echo ($row_descr['Desc']); ?></td> 
      <td><?php echo ($row_descr['cos']); ?></td> 
      <td></td> 
      <td>&nbsp;</td> 
    </tr> 
  
  </table> 
 
   
  <div id="campos_dinamicos"></div> 
</form> 
</body> 
</html>

Lo que quisiera es que al poner un numero en el input, aparcieran las filas

Cita:

</td>
<td> <?php echo ($row_descr['Desc']); ?></td>
<td><?php echo ($row_descr['cos']); ?></td>
<td></td>
<td> </td>
</tr>

que son llamadas con php