PHPでjQueryをシリアライズして複数のパラメータを渡す

Question

シリアライズされたフォームに問題があります。私は請求書を作成するために複数の行を渡す必要がありますが、最初の行だけを渡します。

これは形式です：

<form action="" id="generate_invoice" method="POST"> 
    <td><input type="number" class="form-control n_invoice" name="n_invoice[]"></td> 
    <td><input type="date" class="form-control data" name="data[]"></td> 
    <td><input type="text" class="form-control description" name="description[]"></td> 
    <td><input type="number" class="form-control price" name="price[]" step=any></td> 
    <td><input type="number" class="form-control vat" name="vat[]"> 
</form> 

これは、新しい行を追加する機能です。

function addrow_invoice() { 
    var i = $('#invoiceTable tr').length; 
    var tr = '<tr>'+ 
    '<td><input type="checkbox" class="case"/></td>'+ 
    '<td></td>'+ 
    '<td></td>'+ 
    '<td><input type="text" class="form-control description" name="description[]"></td>'+ 
    '<td><input type="number" class="form-control price" name="price[]"></td>'+ 
    '<td><input type="number" class="form-control vat" name="vat[]"></td>'+ 
    '</tr>'; 
    $('table#invoiceTable').append(tr); 
    i++; 
}; 

そして、これはテストです：

for($i = 0; $i<count($_POST['description']); $i++) 
{ 
    echo "{$_POST['description'][$i]}"; 
    echo "<br>"; 
} 

Answer 1

ので、あなたの問題がありますHTMLが無効です。 formは、要素を囲む必要があります。 HTMLが無効であるため、formの場所が移動され、input要素が折り返されないため、何もシリアル化されません。

あなたのHTMLは、このように変更する必要があります、私は彼がカウントされ、パラメータを渡すとき

<form action="" id="generate_invoice" method="POST"> 
 
    <table id="invoiceTable"> 
 
    <tr> 
 
     <td><input type="number" class="form-control n_invoice" name="n_invoice[]"></td> 
 
     <td><input type="date" class="form-control data" name="data[]"></td> 
 
     <td><input type="text" class="form-control description" name="description[]"></td> 
 
     <td><input type="number" class="form-control price" name="price[]" step=any></td> 
 
     <td><input type="number" class="form-control vat" name="vat[]"> 
 
    </tr> 
 
    <!-- additional rows appended here... --> 
 
    </table> 
 
</form>