como agregar campos basandose en este ejemplo ???

icarocu · #1 (**permalink**) 10/08/2009, 07:33

hola a todos... estoy recien aprendiendo javascript... y encontré uno que me permite agregar automáticamente campos de texto...
asi

Código HTML:

<html>
<head>
<script type="text/javascript">
counter = 1;
function agregarCampo()
    {
        var x = document.getElementById("campos_txt");
        var campo = document.createElement("input");
        campo.setAttribute('type', "text");
        campo.setAttribute('name', "texto[]");
        campo.setAttribute('id', "texto"+counter);
        var br = document.createElement("br");
        x.appendChild(document.createTextNode("Cargo "+counter+": "));
        x.appendChild(campo);
        x.appendChild(br);
        counter++;
    }
function borrarElemento()
    {
        var x = document.getElementById("campos_txt");
        x.removeChild(x.lastChild);
        x.removeChild(x.lastChild);
        x.removeChild(x.lastChild);
    }

</script>
</head>
<body>
<form name="form1" method="post" action="php/php_add_campo_text.php">
  <p>dddd</p>
  <div id="campos_txt">
</div>
  <p>
    <label>
    <a href="#" onClick="agregarCampo()">Añadir Cargo</a> | <a href="#" onClick="borrarElemento()">Borrar Cargo</a>
    <input type="submit" name="Submit" value="Submit">
    </label>
  </p>
</form>
</body>
</html>

lo importante, es que despues.. mediante un array php, puedo rescatar los valores incluidos en los campos (variable "texto[]")...

lo cual hago asi

Código PHP:

  <?php 
echo "valores <br>"; 
 
 
foreach($_POST["texto"] as $k => $v){ 
  echo $k . " = " . $v . "<br />"; 
} 
?>

¿COMO PUEDO AGREGAR "OTRO" CAMPO DE TEXTO EN EL JAVASCRIPT ? (APARTE DEL CAMPO "TEXTO[]"..... OTRO MAS... 2 casillas POR CADA VEZ QUE SE HAGA CLICK EN añadir cargo..

gracias por la ayuda !!!