Enviar Valores de Un campo N de Formulario

DUDO_DE_ADRIANA · #1 (**permalink**) 12/08/2005, 09:59

Tengo un script que añade dinámicamente un text box a un formulario como se puede ver:

La cuestión es que quiero que ese formulario pase todos los valores del campo dinámico, que pueden ser N valores a una página PHP donde quiero recogerlos e Insertarlos.

No tengo la menor idea de como hacer esto....Alguna sugerencia, ekjemplo, Link ???

Gracias de antemano.

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Free beer signup form</title>
 
    <script type="text/javascript">
     var fieldCount = 1;
     function addFriend() {
        fieldCount++;
        var newFriend = document.createElement('input');
        newFriend.type = 'text';
        newFriend.name = 'friend' + fieldCount;
        newFriend.id = 'friend' + fieldCount;
        document.getElementById('fs').appendChild(newFriend);
     }
    </script>
 
    <style type="text/css">
     input {
        display: block;
        margin-bottom: 2px;
     }
     button {
        float: right;
     }
     fieldset {
        border: 1px solid black;
     }
    </style>
 
</head>
<body>
    <h1>Free beer signup form</h1>
    <form>
     <label for="you">Your name</label>
     <input type="text" name="you" id="you">
     <fieldset id="fs">
        <legend>Friends you wish to invite</legend>
        <button onclick="addFriend(); return false;">
         Add another friend
        </button>
        <input type="text" name="friend1" id="friend1">
     </fieldset>
     <input type="submit" value="Save details">
    </form>
</body>
</html>

MaBoRaK · #2 (**permalink**) 12/08/2005, 13:55

loading...........

Los nombres deben ser un ARRAY

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <title>Free beer signup form</title> 
 
    <script type="text/javascript"> 
    // var fieldCount = 1; 
     function addFriend() { 
  //      fieldCount++; 
        var newFriend = document.createElement('input'); 
        newFriend.type = 'text'; 
        newFriend.name = 'friends[]'; 
//        newFriend.id = 'friend' + fieldCount; 
        document.getElementById('fs').appendChild(newFrien  d); 
     } 
    </script> 
 
    <style type="text/css"> 
     input { 
        display: block; 
        margin-bottom: 2px; 
     } 
     button { 
        float: right; 
     } 
     fieldset { 
        border: 1px solid black; 
     } 
    </style> 
 
</head> 
<body> 
    <h1>Free beer signup form</h1> 
    <form> 
     <label for="you">Your name</label> 
     <input type="text" name="you" id="you"> 
     <fieldset id="fs"> 
        <legend>Friends you wish to invite</legend> 
        <button onclick="addFriend(); return false;"> 
         Add another friend 
        </button> 
        <input type="text" name="friends[]" id="friend1"> 
     </fieldset> 
     <input type="submit" value="Save details"> 
    </form> 
</body> 
</html>

De esta forma los campos que genera seran el mismo array y ahi pones datos etc etc y en tu SERVIDOR lo procesas como datos de un array.

Si no puedes lo de procesar en el servidor avisa, o que es lo que quieres hacer.

PD: he comentado el codigo innecesario

connection closed.

DUDO_DE_ADRIANA · #3 (**permalink**) 12/08/2005, 15:34

Muchas gracias Maestro, ya comprendo.

friends[] Es un arreglo que guarda todos los valores Introducidos.

Tengo Claro que esta página html se envía así:

<form name="formu1ario" method="post" action="insertar.php">

Lo que no sé es cómo se procesa del otro lado, cómo se pasa esta variable de Javascript a php ???

Gracias, si lo resolvemos prometo hacer un tuto.