Pulldown Menü und Input Felder

[Denow]

Hallo,

ich habe ein PulldownMenü Anzahl mit der Auswahl wie viele Personen. Nach der Auswahl soll die Anzahl der Input Felder erscheinen um die Namen einzutragen. Ein Feld ist schon vorhanden und die anderen sollen danach erscheinen. Ich habe schon etwas funktionierendes geschrieben aber die Felder erscheinen auf einer neuen Seite.
Wer kann mir weiter helfen???
Für ein paar Tips wäre ich sehr dankbar.

Gruß Denow

Hier ist mein Script

function CheckAnzahl(form){
var anzahl=Form.Anzahl.selectedIndex
if(document.Form.Anzahl.options[anzahl].value != "0"){
document.writeln("<table>");
document.writeln("<tr><td></td><td>Name</td><td>Vorname</td></tr>");
for (i=1; i<=anzahl+1; i++){
document.writeln("<tr><td>Person</td><td><input type="text" name="name" size="20"></td><td><input type="text" name="vorname" size="20"></td></tr>");
}
document.writeln("</table>");
}
}

<form name="Form">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100">Anzahl </td>
<td width="150">
<select name="Anzahl" onChange="CheckAnzahl(this.form)" size=1>
<option value="0">1</option>
<option value="1">2 </option>
<option value="2">3 </option>
<option value="3">4 </option>
<option value="4">5 </option>
<option value="5">6 </option>
<option value="6">7 </option>
<option value="7">8 </option>
<option value="8">9 </option>
<option value="9">10</option>
</select>
</td>
<td width="150"> </td>
</tr>
<tr>
<td colspan="3" height="10"></td>
</tr>
<tr>
<td width="130"> </td>
<td width="172">Name</td>
<td width="98">Vorname</td>
</tr>
<tr>
<td width="130">Person 1</td>
<td width="172">
<input type="text" name="name" size="20">
</td>
<td width="98">
<input type="text" name="vorname" size="20">
</td>
</tr>
</table>
</form>