agregar mas campos al formulario

soriaromanm · #1 (**permalink**) 29/11/2011, 04:51

Buenos dias gente.

Resulta que he estado intentando crear en un formulario una manera de añadir varias veces el mismo campo, me explico. Se trata de un formulario con nombre, apellidos, dirección y etc, y en el apartado de email, deseo que se puedan agregar varios (un numero indeterminado para empezar), había pensado en un botón que agregara textbox, vi por aquí algo muy parecido, pero que solo me permite agregarlos en la primera tabla del documento, y yo lo que necesito es que sea en mitad (o al final, no soy muy tiquismiquis con eso) del formulario, por lo tanto sin mas "marear la perdiz", como puedo hacer para hacer que un botón cree diversos textboxs según la cantidad de emails que quiera introducir, u otro modo de lograrlo en el caso que esta idea no sea factible o posible.

Cualquier comentario sera de ayuda, gracias de antemano.

Perr0 · #2 (**permalink**) 29/11/2011, 06:13

Tienes que introducirte en el DOM

http://www.webtaller.com/construccio...javascript.php

aprende a usar los createelement y appendchild

salu2

soriaromanm · #3 (**permalink**) 30/11/2011, 06:31

gracias por la ayuda, pero aun asi no consigo ni que funcione un ejemplo facilillo (no termino de entender el funcionamiento de esto). Si fuese posible pasarme un ejemplo lo agradeceria, de momento lo que he intentado es esto:

Código Javascript:

Ver original<html>
<head>
<title>Ejemplo</title>
 
<script type=”text/javascript”>
function crear() {
 
    var valor = document.getElementById(“texto”).value;
    var li = document.createElement(“LI”);
    li.innerHTML = valor;
    var ul = document.getElementById(“UL”);
    ul.appendChild(li);
    document.getElementById(“texto”).value = “”;
}
</script> 
</head>
<body>
 
<input type=”text” id=”texto”>
<button onclick=”crear()”>crear</button>
 
 
</body>
</html>

Perr0 · #4 (**permalink**) 30/11/2011, 09:38

te dejo un ejemplo,
si no te queda claro algo googlea, te dejo una página:
http://codexexempla.org/curso/curso_4_3_d.php

tiene php para que valides lo que pasas:

Ingresando Datos:

Recepción Datos:

Código HTML:

Ver original<form name="f" method="post">
Nombre: <input name="nombre" type="text" size="60" /><br>
Apellidos: <input name="apellidos" type="text" size="60" /><br>
Direcci&oacute;n: <input name="dire" type="text" size="60" /><br>
<input type="button" id="b" value="+ Correo" onClick="mascorreo()"><input type="submit" value="Enviar Formulario">
</form>
<script>
var ttt = "ingrese su correo...";
function mascorreo(){
    correo = document.createElement("input");
    salto = document.createElement("br");
    texto = document.createTextNode("Correo: ");
    pos = document.getElementById("b");
    correo.type = "text";
    correo.name = "correo[]";
    correo.value = ttt;
    correo.style.color = "#ccc";
    correo.size = 40;
    correo.onfocus = function(){dentro(this)}
    correo.onblur = function(){fuera(this)}
    pos.parentNode.insertBefore(texto, pos);
    pos.parentNode.insertBefore(correo, pos);
    pos.parentNode.insertBefore(salto, pos);
}
 
function dentro(x){
    if(x.value == ttt) {
        x.value = "";
        x.style.color = "#000";
    }
}
function fuera(x){
    if(!x.value) {
        x.value = ttt;
        x.style.color = "#ccc";
    }
}
</script>
<?
e($_POST);
function e($a){
    foreach($a as $id => $valor){
        if(is_array($valor))
        e($valor);
        else
        echo "<strong>$id:</strong> $valor<br>";
    }
}
?>

salu2