Jquery 每个函数

Question

我正在尝试使用 each 函数发布多个字段，我所拥有的是我的常规字段，它们可以很好地提交并添加到数据库中。

当用户接近填写表单和一个提交按钮时克隆字段的功能。

我正在尝试使用 $.ajax 为页面上的每个表单提交一次来自值，它似乎只适用于第一个表单，没有添加任何重复的表单数据，这让我想我可能我正在使用 .each 错误有人可以解释我在这种情况下如何使用它吗？这是我的尝试

$(function(){
 var i = 0;             var x = 0;
  $.datepicker.setDefaults($.datepicker.regional['']);
  $.datepicker.formatDate( "yy-mm-dd");
  $('#datepicker' ).datepicker();
  $('.vat').each(function(i){
        $(this).click(function(){

        var id = "batchinvoice" + x.toString();
        $('#batchinvoice').clone().attr("name", id).appendTo(".panel-body");
        x++;
                });
});

  $('#submit').click(function(){
    var propid = Array();
    var date = Array();
    var ref= Array();
    var id= Array();
    var desc= Array();
    var vat= Array();
    var net= Array();
$('#batchinvoice[name*="batchinvoice"]').each(function(i){


    propid[i] = $('#sl_propid').val();
    date[i] = $('.sl_date datepicker').val();
    ref[i] = $('#sl_ref').val();
    id[i] = $('#sl_nom_id').val();
    desc[i] = $('#sl_desc').val();
    vat[i] = $('#vat').val();
    net[i] = $('#sl_net').val();
     i++;
 });

$.ajax({
    type: 'POST',
    url: '<?php echo base_url(); ?>FinancialInput/addInvoiceToLedger',
    data: { propid : propid, date:"date", ref: ref, id: id, desc: desc, vat: vat, net: net},
    sucess: function(e){
        alert(e.error);
        },
    error: function(e){
        alert(e.error);
        }    
    });

    });
});

.vat 是触发克隆的字段 #submit 是一个提交按钮，.batchinvoice 是每个克隆表单（和原始表单）的类。

我所阅读的所有内容都是基本教程，任何帮助表示赞赏，阅读干杯:)

JSFiddle

Answer 1

请参阅下面代码中的 cmets，问题是您对 id 的使用不当。
http://jsfiddle.net/3Dq2A/4/

这个：

$('#batchinvoice[name*="batchinvoice"]')

应该只返回一条记录，因为它基于 id。

这可以工作：

$('form[name*="batchinvoice"]')

但我更喜欢

$('form.batchinvoice')

使用 body click 发送 ajax-post 和 "vac" 输入以添加新表单

Answer 2

您绝对不想要的是循环中的 ajax 调用。 Jquery ajax call within an each loop

你想要的是：

    var propid = Array(),
    date = Array(),
    refe= Array(),
    id= Array(),
    desc= Array(),
    vat= Array(),
    net= Array();
    $('.batchinvoice').each(function(i){
        propid[i] = $('#sl_propid').val();
        date[i] = $('#sl_date').val();
        refe[i] = $('#sl_ref').val();
        id[i] = $('#sl_nom_id').val();
        desc[i] = $('#sl_desc').val();
        vat[i] = $('#vat').val();
        net[i] = $('#sl_net').val();
     }
        $.ajax({
        type: 'POST',
        url: '<?php echo base_url(); ?>FinancialInput/addInvoiceToLedger',
        data: { propid : propid, date: date, refe: refe, id: id, desc: desc, vat: vat, net: net},
        sucess: function(e){
            alert(e);
            },
        error: function(e){
            alert(e);
            }    
        });