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.