每次点击后如何通过javascript添加自动序列号

Question

same serial number every row problem每次点击后都使用同一序列

$(document).on('click', '.menu-item', function() {
    var menu_id = $(this).attr('id');
    var _token = $('input[name="_token"]').val();
    console.log(menu_id);
    var i = 1;
    $.ajax({
        url: '{{ url("waiter/menu/find") }}',
        method: 'POST',
        data: {menu_id:menu_id, _token:_token},
        dataType:"json",
        success: function(data) {
            $('#selectedMenu').append('<tr><td>' + i++  +'</td><td>' + data.name  + '</td><td><input type="number" name="quantity[]"></td><td>' + data.price + '</td><td><span class="btn btn-xs btn-danger"><i class="cancel fa fa-times"></i></span></td></tr>');
        }
    });
});

[表序列号每次点击后i ++的工作方式]

Answer 1

每次单击hc_add_series()都会将其初始化为1，因此请在var i方法之外执行此操作。

顺便说一句，这不是正确的方法。首先

1. 将数据发送到服务器
2. 插入行
3. 计算行数
4. 将号码发送回客户
5. 将其显示为序列号。