Hej.

<tr>
    <td align="right">Branscher:</td>
    <td>
    	<select name="brands[]" id="brands[]">
            <option value="0" label=""></option>
        </select>
    </td>
</tr>

Jag har ett stycke på min sida som ser ut som den ovan. Enda som skiljer är att i själva select boxen finns en massa rader.

Nu när man väljer en av de raderna i select boxen så ska en kopia av denna kod skapas under. Alltså en ny rad i tabellen med exat samma innehåll i select boxen

Det ska alltså se ut så här i tabellen när man valt något i den första select boxen

<tr>
    <td align="right">Branscher:</td>
    <td>
    	<select name="brands[]" id="brands[]">
            <option value="0" label=""></option>
        </select>
    </td>
</tr>
<tr>
    <td align="right">Branscher:</td>
    <td>
    	<select name="brands[]" id="brands[]">
            <option value="0" label=""></option>
        </select>
    </td>
</tr>

Den ska alltid kopiera den översta raden och sedan lägga den nyaste underst av alla. Någon som vet hur jag löser detta på ett bra sätt?

Mvh,
Mikael

vill du göra det på klienten eller på servern ?

På klienten

det här borde funka


var tab = document.getElementById('tabellen');
var root = tab.getElementsByTagName('tr')[0].parentNode; // hitta roten
var kopia = tab.getElementById('trradattkopiera')[0].cloneNode(true);
root.appendChild(clone);

#edit förtydligande , det är javascript som du får anropa på lämpligt sätt