html dynamisch einfügen

[Alex]

hallo ich habe in einer meiner seiten ein Problem html dynamisch einzufügen.

Ich versuche wenn leute angeben wie viele Personen er in der Familie hat zusätzliche Tabellen erscheinen zu lassen damit deren Daten eingetragen werden können.

Bisher habe ich es mit einer Tabelle angeben lassen wie viele es denn sind.

<tr>
  <td>Zusätzlich Personen:</td>
  <td>
  <select name="personen_anzahl" id="personen_anzahl" onchange="zusaetzliche_personen()">

<option value="0">0</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  </select>
  </td>
</tr>

Mit der function lasse ich tabellen erstellen

<script type="text/javascript">
  function zusaetzliche_personen(){
  var personen_anzahl=document.getElementById('personen_anzahl').value;
  if(personen_anzahl == "1"){
  document.write("funktioniert");
  }
  }
  </script>

und im body bereicht da wo ich es eingefügt haben möchte steht

<script type="text/javascript">
  zusaetzliche_personen()
  </script>

nur leider schreibt er nun nicht in das dukument sondern auf eine neue seite.