如何在动态生成的表中循环行

时间:2017-05-25 06:02:08

标签: jquery loops

我正在努力添加各种保险政策,同时添加用户详细信息。

喜欢这样:

enter image description here

当用户添加保险时添加保险详细信息,它将使用jQuery追加系统在临时表中显示他们的数据

喜欢这样:

enter image description here

现在我面临的问题是,当管理多个保险详细信息时,它不会循环s. no。它始终显示 1

这是我的代码

<script type="text/javascript">

                                    function add_ins(){




                                      var mode = $('#Mode').val();
                                      var term = $('#term').val();
                                      var mat_amt = $('#mat_amt').val();
                                      var premium = $('#premium').val();
                                      var ins_date = $('#ins_date').val();

                                      var id = 1;
                                      // alert(mode);

                                      $('#insurance_temp').append('<tr><td>'+id+'</td><td>'+mat_amt+'<input type="text" name="mat_amt[]" value="'+mat_amt+'"><input type="text" name="term[]" value="'+term+'"></td><td>'+ins_date+'<input type="text" name="ins_date[]" value="'+ins_date+'"></td><td>'+mode+'<input type="text" name="Mode[]" value="'+mode+'"></td><td>'+premium+'<input type="text" name="premium[]" value="'+premium+'"></td><td><a style="cursor: pointer;" data-toggle="modal" data-target="#notification'+id+'"><span class="fa fa-pencil"></span>&nbsp;Notfication</a></td><td>Edit</td><td>Delete</td></tr>');

                                      id++;

                                      $('#frm_add_insurance')[0].reset();

                                    }

我只想用不同的序列号附加这些记录。请建议我哪里出错了

3 个答案:

答案 0 :(得分:1)

每次函数调用时都要定义var id = 1;在函数内部,所以它总是1

将函数全局定义在函数外。所以它会去1..2..3。

答案 1 :(得分:0)

看起来每次运行函数时都会将id的值设置为1。尝试在函数外部初始化您的id,并在函数内增加它。

答案 2 :(得分:0)

您正在分配id = 1,这就是您始终获得相同ID的原因。试试这个:

var id = ($('#insurance_temp tr').length + 1);