Verschachtelte Tabellenzeile Anhängen mit Jquery

Ich versuche, Zeile mit Jquery anfügen. Neue Zeile generiert jedoch keine neue Zeile. Hier ist ein kleines Beispiel, dass ich diese Tabelle eingerichtet habe, ist eine geschachtelte Tabelle.Verschachtelte Tabellenzeile Anhängen mit Jquery

<table> 
     <thead> 
       <tr> 
        <th data-sortable="true">Name</th> 
        <th>Action</th> 
       </tr> 
     </thead> 
     <tbody id="addTag"> 
      <tr> 
       <td> 
        <input type="hidden" id="lblTagID" /> 
        <input type="text" id="txtTagName1" class="form-control" name="field_name[]" /> 
       </td> 
       <td>             
       <a class="btn btn-sm btn-danger" onclick="btnRemoveTag_Click()"><i class="fa fa-trash"></i>&nbsp;Delete 
       </td> 
      </tr> 
     </tbody> 
</table>

Und JQuery wie dieser Aufruf auf einer Taste

function btnAdd_Click() { 

    $("#addTag").append('<tr><td><input type="hidden" id="lblTagID" /><input type="text" class="form-control" name="field_name[]"></td><td><a class="btn btn-sm btn-danger" onclick="btnRemoveTag_Click()"><i class="fa fa-trash"></i>&nbsp;Delete</td></tr>'); 
}

Vielen Dank im Voraus.

Quelle

2016-05-27 Kuldip Rana

wo ist btnAdd_Click() Funktion aufgerufen? –

stellen Sie sicher, dass Ihre Funktion auf $ (Dokument) .ready (function() {}); versuchen Sie dies

<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('a').click(function() { 
     $('#myTable tbody').append('<tr class="child"><td>blahblah</td></tr>'); 
    }); 
}); 
</script> 
<title></title> 
</head> 
<body> 
<a href="javascript:void(0);">Link</a> 
<table id="myTable"> 
    <tbody> 
    <tr> 
     <td>test</td> 
    </tr> 
    </tbody> 
</table> 
</body> 
</html>

Quelle

2016-05-27 13:50:17

Verschachtelte Tabellenzeile Anhängen mit Jquery

Antwort

Verwandte Themen