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 !!!