Formular modifizieren

[*jiriki*]

Hi,

ich bin dabei, ein Formular zu erstellen, über das Züchter Ihre Hengste anmelden können, und dabei alle bisherigen Platzierungen des selbigen auflisten können sollen.
Ich will das mit Javascript realisieren und hab mir dazu überlegt, dass der Züchter über ein Select-Feld die Anzahl der Platzierungen auswählt, und sich dann dementsprechend die Anzahl an Tabellenzeilen mit Fomular-Input-Feldern in der zugeh. Tabelle "platzierungen" auflisten.

Dazu hab ich mir jetzt eine kleine Hava-Funktion geschrieben, die mir im ersten Anlauf die Tabellezeilen bis auf den Tabellenkopf leert (mit "table.deleteRow(i)", klappt) und dann im zweiten Schritt entsprechend viele Zeilen hinzufügt( mit "table.insertRow(i)" etc., klappt nicht).

Das Problem ist, dass ich nicht genau herausfinden kann, wie man Tabellenzeilen dann mit Tabellenzellen, und die Tabellenzellen dann mit Formularfeldern füllen kann in Javascript.

Hier mal mein bisheriger Ansatz:

<-- Script -->

function add() {

var s = document.getElementById("shows");
  var r = document.blubb.res;

/* Tabellenzeilen löschen, klappt */
  for( var i=s.rows.length-1; i>0; i-- )
  {
    s.deleteRow(i);
  }

/* Tabellenzeilen, -zellen und Inputfelder hinzufügen */
  for( var j=1; j<=r.value; j++ )
  {

/* Tabellenzeile einfügen, klappt */
    var TR = s.insertRow(j);

/* Tabellenzelle erzeugen, klappt */
    var TD1, TD2, TD3, TD4 = document.createElement("td");

/* Zelleneigenschaft "class" setzen, klappt nicht */
    TD1.className = TD2.className = TD3.className = TD4.className = "kapitel_list grey m center";

/* Input-Element erzeugen, klappt */
    var TD1input, TD2input, TD3input, TD4input = document.createElement("input");

/* Input-Eigenschaft "type" setzen, klappt nicht */
    TD1input.type, TD2input.type, TD3input.type, TD4input.type = "text";

/* Input-Eigenschaft "style" setzen, klappt nicht */
    TD1input.style, TD2input.style, TD3input.style, TD4input.style = "width:96%";

/* Folgende Input-Eigenschaften kann ich auch nicht setzen */
    TD1input.name = "year"+j;
    TD2input.name = "show"+j;
    TD3input.name = "level"+j;
    TD4input.name = "result"+j;
    TD1input.maxLength = "4";
    TD2input.maxLength = "30";
    TD3input.maxLength = "20";
    TD4input.maxLength = "20";

/* Input-Felder an Tabellenzelle als Sohn anhängen, klappt nicht */
    TD1.appendChild(TD1input);
    TD2.appendChild(TD2input);
    TD3.appendChild(TD3input);
    TD4.appendChild(TD4input);

/* Tabellenzelle als Kind an Tabellenzeile anhängen klappt auch nicht */
    TR.appendChild(TD1);
    TR.appendChild(TD2);
    TR.appendChild(TD3);
    TR.appendChild(TD4);*/
  }
}

<-- Script -->

Danke, *jiriki*