Dynamisches Formular erstellen

[Natalie]

Hallo,

ich will ein Formular erstellen.

Dabei soll es ein Optionsfeld geben, bei dem ich 3 Felder auswählen kann.
Abhängig von dieser Auswahl soll als nächstes verschiedene Formularfelder in der schon geöffneten Seite auftauchen.

Mein Ansatz bis jetzt schaut so aus:
das sind die 3 Auswahlfelder
         <table border="0" cellpadding="0" id="table8">
            <tr>
              <td><input type="button" value="A" name="kontierobjekt" onClick="anlagen()"></td>
            </tr>
            <tr>
              <td><input type="button" value="T" name="kontierobjekt" onClick="coauftrag()"></td>
            </tr>
            <tr>
              <td><input type="button" value="K" name="kontierobjekt" onClick="kostenstelle()"></td>
            </tr>
          </table>

und dann meine JavaScript-Funktionen:
 <script language="JavaScript">
   <!--
   function anlagen() {
      document.write('<table border="0" cellpadding="0" id="table9">');
      document.write('<tr>');
      document.write('<td> Anlagennummer: </td>');
      document.write('<td> <input type="text" name="anlagennummer" size="30"></td>');
      document.write('</tr>');
      document.write('</table>');
   }
   function coauftrag()
   {
      document.write('<table border="0" cellpadding="0" id="table10">');
      document.write('<tr>');
      document.write('<td> Konto (8-stellig): </td>');
      document.write('<td> <input type="text" name="konto_t" size="30"></td>');
      document.write('</tr>');
      document.write('<tr>');
      document.write('<td> Co-Auftrag: </td>');
      document.write('<td><input type="text" name="coauftrag" size="30"></td>')
      document.write('</tr>');
      document.write('</table>');
   }
   function kostenstelle()
   {
      document.write('<table border="0" cellpadding="0" id="table11">');
      document.write('<tr>');
      document.write('<td> Konto (8-stellig): </td>');
      document.write('<td> <input type="text" name="konto_k" size="30"></td>');
      document.write('</tr>');
      document.write('<tr>');
      document.write('<td> Co-Auftrag: </td>');
      document.write('<td><input type="text" name="kostenstelle" size="30"></td>')
      document.write('</tr>');
      document.write('</table>');
   }
   //-->
  </script>

Funktioieren tut die Seite.

Allerdings wenn ich auf A zum Beispiel auswähle, seh ich nur noch das Formularfeld Anlagennummer. Ich will aber nur das dieses Formularfeld an das Formular angehängt wird.

Bitte um HILFE!!!