Wie füge ich neue Elemente in meine Tabelle hinzu?

Hi. Also ich habe eine Tabelle, die sieht so aus:

[CODE]

To-Do Priorität Erstellt am Einkaufen Niedrig 28.01.1996 [/CODE] Ich würde gerne mit einem Add/Delete Button eine ganze Zeile adden/deleten können. Hab schon das mit dem deleten probiert, aber es wird immer eine einzelne Zelle gelöscht, ich muss dann für jede Zeile 3x auf delete drücken. Habt ihr da ideen?

DAnke

Zeig erstmal Deinen bisherigen JS-Code.

Ansonsten hat Google jede Menge davon.

Sei es mit purem JS: http://stackoverflow.com/questions/13241005/add-delete-row-from-a-table

Oder jQuery: http://stackoverflow.com/questions/16183231/jquery-append-and-remove-dynamic-table-row

OK, hier.

[CODE]
[/CODE]
so war das glaub ich

ok ich probiers mal weiter :smiley: wenn nicht komme ich wieder hehe
glb hab was gefunden :
http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_table_insertrow

OK, kann jetzt ganze Zeilen adden/löschen. Aber es sind immer dieselben Eingaben und löschen kann ich nur Zeile 1. Was kann ich ändern oder wonach soll ich googlen.?

<script> function myFunction() { var table = document.getElementById("myTable"); var row = table.insertRow(1); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); var cell3 = row.insertCell(2); cell1.innerHTML = "NEW CELL1"; cell2.innerHTML = "NEW CELL2"; cell3.innerHTML = "NEW CELL3"; } function myDeleteFunction() { document.getElementById("myTable").deleteRow(1); } </script>

Wenn Dir die vakanten Suchbegriffe nicht geläufig sind, obwohl Du sie im ersten Post beim Namen genannt hast, hättest Du sie ganz locker aus meinen beiden empfohlenen stackoverflow-Links entnehmen können :frowning:

javascript add delete table rows , oder javascript add remove table rows , oder javascript append delete table rows , oder auch javascript append remove table rows , …

Falscher Ansatz. Du willst Daten hinzufügen, löschen und wahrscheinlich auch weiterverarbeiten, aber keine HTML-Elemente.

Das hier wäre ein Blueprint mit drei Feldern. Die Anpassung überlasse ich dir.
[HTML]

Feld 1 Feld 2 Feld 3
Add Row Delete Row
Show Data
  <ul class="list-unstyled" ng-if="vm.results">
    <li ng-repeat="item in vm.myObj">
      field_1: <strong>{{item.field_1}}</strong>, field_2: <strong>{{item.field_2}}</strong>, field_3: <strong>{{item.field_3}}</strong>
    </li>
  </ul>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.js"></script>
<script>
  angular.module('myApp', [])
    .controller('AppController', [function() {
      this.myObj = [{field_1: '', field_2: '', field_3: ''}];
      this.onAdd = function() {
        this.myObj.push({field_1: '', field_2: '', field_3: ''});
      }
      this.onDelete = function(index) {
        this.myObj.splice(index, 1);
      }
      this.onSubmit = function() {
        this.results = true;
      }
    }]);
[/HTML]