Kai: Erweitern von Formularen mittels JavaScript

Beitrag lesen

Hi,

ich habe ein kleines Problem.

Und zwar habe ich eine Auswahlliste über die ich eine Kategorie auswählen kann. Und nun soll je nachdem welche Kategorie ausgewählt wurde eine gewisse Menge an Checkboxen zu sehen sein die dann zu der jeweiligen Auswahl passen (also nicht immer die gleichen). Das löse ich bisher mit Javascript. Die Anzeige funktioniert also. Nur leider wird dann die Auswahl der Checkboxen nicht übermittelt. Hat da evtl. jmd. eine Lösung?

Hier mal meine bisherigen Ansätze (bei Interesse schicke ich auch noch mehr Quelltexte):

der HTML-Abschnitt sieht so aus:
<tr>
  <td>Kategorie:</td>
  <td>
    <select name="kategorie" onchange="fillArt(document.rezept_anlegen.kategorie.selectedIndex)">
      <option value="Kategorie 1">Kategorie 1</option>
      <option value="Kategorie 2">Kategorie 2</option>
    </select>
  </td>
</tr>
<tr>
  <td>Art:</td>
  <td>
    <div id="artListe"></div>
  </td>
</tr>

und in der Funktion fillArt() lösche ich dann erstmal alle Unterelemente von artListe und füge dann die neuen Elemente ein:

function addNewCheckbox(element, text)
{
  var newCheckbox = document.createElement("input");
  var name = document.createAttribute("name");
  name.nodeValue = "art";
  var type = document.createAttribute("type");
  type.nodeValue = "checkbox";
  newCheckbox.setAttributeNode(type);
  var value = document.createAttribute("value");
  value.nodeValue = text;
  newCheckbox.setAttributeNode(value);
  element.appendChild(newCheckbox);
  var name = document.createTextNode(text);
  element.appendChild(name);
}

tja wie gesagt die anzeige klappt, aber leider die Verarbeitung des Formulars dann nicht mehr...es sieht so aus als ob das Formular dann die Checkboxen nicht kennt.

Über Hilfe wäre ich sehr Dankbar.

Kai