Question

JQUERY

 <script type="text/javascript" src="jquery-1.5.1.min.js"></script>
    <script type="text/javascript">
            $('#aggiungi').live('click', function(){
            var thisRow = $(this).parent().parent();

            // clone and add data
            thisRow.clone(true).insertAfter(thisRow).data('is_clone',true);
            $(this).val("-");
            $(this).attr("id","remove");

            var nextRow = thisRow.next();
            nextRow.find('input:not(#aggiungi)').val("");

            if (thisRow.data('is_clone')){
                while(thisRow.data('is_clone')){
                    thisRow = thisRow.prev();
                }
            }else{
                nextRow.children(":first").remove();
            }

            currRowSpan = thisRow.children(":first").attr("rowspan");
            thisRow.children(":first").attr("rowspan", currRowSpan+1);
        });

        $('#remove').live('click', function(){
            var thisRow = $(this).parent().parent(),
                prevRow = thisRow.prev();

            if (thisRow.data('is_clone')){
                while(prevRow.data('is_clone')){
                    prevRow = prevRow.prev();
                }
            }else{
                prevRow = thisRow.next()
                                 .removeData('is_clone')
                                 .children(":first")
                                 .before(thisRow.children(":first"))
                                 .end();
            }

            currRowSpan = prevRow.children(":first").attr("rowspan");
            prevRow.children(":first").attr("rowspan", currRowSpan-1);
            thisRow.remove();
        });


    </script>

PHP

        <form action="grading.php" method="post">              
                              <table width-"100%" id="tableRealizzazione">
                                <tr>
                                    <th></th>
                                    <th style="padding:12px;text-align:center;">Personale</th>
                                    <th style="padding:12px;text-align:center;">Percentage</th>
                                    <th style="padding:12px;text-align:center;">Marketing point</th>
                                    <th style="padding:12px;text-align:center;">Add/Remove</th>
                                </tr>'; 

    echo '<tr class="even">
                                          <td></td>
                                          <td style="padding:12px;"><input type="text" value="" id="Personale" name="Personale"></td>
                                          <td style="padding:12px;">
                                            <input type="text" id="from" name="from" size="5%"> -
                                            <input type="text" id="to" name="to" size="5%"> %
                                          </td>
                                          <td style="padding:12px;"><input type="text" class="totaliCostiGestione" id="marketpt" name="marketpt"></td>
                                          <td style="padding:12px;"><input type="text" name="programid" value ="34" size="10%"></td>
                                          <td style="padding:12px;"><input type="button" value="+" id="aggiungi"/></td>';         
                                   echo '</tr>';
 echo '<tr><td><input type="submit" name="submit" value="submit"></td></tr>';                      
                 echo '</table>
               </form>

When I fill the values of all text boxes and click submit, it prints only the last row and the the last row with value 34 not repeating for all the rest rows.

Here is my code in Fiddle
http://jsfiddle.net/gansai/PA9JF/

Answer 1

That is because you have to make arrays from your form:

eg:

<input type="text" id="from" name="from[]" size="5%"> -

to clone values you have to add:

newRow = thisRow.clone(true).insertAfter(thisRow).data('is_clone',true);
$(newRow+"[name^=programid]").val($(thisRow+"[name^=programid]").val());

Like this JSFiddle

then in PHP:

foreach($_POST['marketpt'] as $num => $val){
    $Personale = $_POST[$num]['Personale'];
    $from = $_POST[$num]['from'];
    $to = $_POST[$num]['to'];
    $marketpt = $_POST[$num]['marketpt'];
    $programid = $_POST[$num]['programid'];
    // process variables, eg: insert in database
}