Dinamik satır eklemek için jquery kullanırken Sadece benim son form satır yazı kayıtlı ediliyor

0 Cevap php

Ben bir forma satır eklemek için bu kodu kullanabilirsiniz, form gönderildiği zaman sorun (ve kullanıcı artı ikonuna tıklayarak JS kullanarak satırları ekledi) sadece son yayınlanan değeri dönecektir:

    //Order Form
$("#add").click(function() {
    counter++;
    var cln = $('#ordertable tbody>tr:last').clone(true);
    cln.find("[id^='prodcode'], [id^='meterage']").each(function(i, val) {
        val.id = val.id.match(/^([^0-9]+)[0-9]*$/)[1] + "" + counter;
    });
    cln.insertAfter('#ordertable tbody>tr:last');
    $('#ordertable tbody>tr:last input').val('');
    $('td.imgsample:last a').remove();
    return false;
});

ve formu

<form id="orderform" name"orderForm" action="tomypage.php" method="post">
<a  id="add">+</a>
 <table id="ordertable" width="533" border="0" cellspacing="0" cellpadding="2">
  <tbody>
    <tr>
      <td width="33%">Product Code (e.g 66203)</td>
      <td width="33%">mtrs sq Required (e.g 10)</td>
      <td width="33%">Preview Image</td>
    </tr>
    <tr class="item">
      <td class="prodcode"><input type="text" name="prodcode" id="prodcode" /></td>
      <td class="meterage"><input type="text" name="meterage" id="meterage" /></td>
      <td class="imgsample"></td>
    </tr>
    </tbody>
  </table>
<button>Submit</button>
</form>

0 Cevap