problemer med "popup" liste hva er feilen min?

[Sinko]

Hei nå driver jeg å prøver masse forskjellig men setter meg bare i større og større problemer... er det noen som ser hva jeg gjør feil her?

<script type="text/javascript">
function hentValg() {
    valgt = document.getElementById('type').selectedIndex; // henter index av option som er valgt
    boks = document.getElementById('boks');

    switch(valgt) {
        case 1: 
        boks.innerHTML = '<tr><td>Navn</td><td><input type="text" name="navn1" maxlength="30" size="30" /></td></tr><tr><td>Navn2</td><td><input type="text" name="fnavn2" maxlength="30" size="30" /></td></tr><tr><td>Navn3</td><td><input type="text" name="navn3" maxlength="30" size="30" /></td></tr><tr><td>Navn4</td><td><input type="text" name="navn4" maxlength="30" size="30" /></td></tr>';
        break;

    }
}
</script>


<form id="form1" name="form1" method="post">
  <table width="350" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" height="40" align="left">Type:</td><td><input type="radio" name="type" id="type" onclick="hentValg()" value="<?php echo $type; ?>Papirutgave">Papirutgave
<input type="radio" name="type" id="type" value="<?php echo $type; ?>PDF">PDF</td></tr>

<td><tr id="boks">
</tr></td>

</form>

 

[Jannis]

Her er feilen:

boks.innerHTML = '<tr><td>Navn</.....</tr>';

<td><tr id="boks">
</tr></td>

Ser du den?
id="boks" er en <tr> tag. boks.innerHtml starter og slutter med <tr>. Det vil si at den endelige koden blir

<tr id="boks"><tr><td>Navn</......</tr></tr>

Altså dobbel tr, tr inne i en tr. Det blir feil...