Wie Schleifen Zeilen in dynamisch generierten Tabelle

Question

Ich arbeite an das Hinzufügen verschiedener Versicherungen beim Hinzufügen von Benutzerdetails.

wie folgt aus:

Und wenn Benutzer Versicherung hinzufügen Versicherung Details hinzufügen, werden sie ihre Daten in temporäre Tabelle zeigen, mit jQuery System anhängen

wie folgt aus:

Jetzt habe ich vor dem Problem, dass, wenn mehrere Versicherungsdetails verwalten, dann es nicht Schleife s. no. es zeigt immer

hier ist mein Code

<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(); 

            } 

i diese Datensätze mit unterschiedlichen Seriennummern nur angehängt werden soll. bitte schlagen Sie mir vor, wo ich falsch gehe

Answer 1

Da jedes Mal der Funktion rufen Sie Ihre definierende var ID = 1; innerhalb der Funktion, so ist es immer 1

definieren Sie die Variable außerhalb der Funktion global. so wird es gehen 1..2..3.

Answer 2

Es sieht so aus, als ob Sie den Wert Ihrer ID bei jeder Ausführung der Funktion auf 1 setzen. Versuchen Sie, Ihre ID außerhalb der Funktion zu initialisieren, und erhöhen Sie sie innerhalb Ihrer Funktion.

Answer 3

Sie vergeben ID = 1 und deshalb erhalten Sie die gleiche ID die ganze Zeit. Versuchen Sie folgendes:

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