problema com javascript

eu criei uma tabela so com o topo

e as linhas eu adiciono quando a pessoa clica em add.

nao sei se o codigo ta muito bom pq to aprendendo javascript agora

function addLinha() {
 var tabela = document.getElementById('tabelaBombas');
 var ultimaLinha = tabela.rows.length;
 // if there's no header row in the table, then iteration = lastRow + 1
 var iteration = ultimaLinha;
 var linha = tabela.insertRow(ultimaLinha);

 // Célula Tipo
 var celulaTipo = linha.insertCell(0);
 //var textoNo = document.createTextNode(iteration);
 var elTipo = document.createElement('select');
 elTipo.name = 'BombaTipo' + iteration;
 elTipo.options[0] = new Option('Simples', 'simples');
 elTipo.options[1] = new Option('Dupla', 'dupla');
 elTipo.options[2] = new Option('Quádruplas', 'quadruplas');
 elTipo.options[3] = new Option('Sêxtuplas', 'sextuplas');
 elTipo.options[4] = new Option('Óctuplas', 'octuplas');
 elTipo.options[5] = new Option('Outras', 'outras');
 celulaTipo.appendChild(elTipo);

 // Célula Quantidade
 var celulaQuantidade = linha.insertCell(1);
 var elQt = document.createElement('input');
 elQt.type = 'text';
 elQt.name = 'BombaQt' + iteration;
 elQt.id = 'BombaQt' + iteration;
 elQt.size = 5;
 //el.onkeypress = keyPressTest;
 celulaQuantidade.appendChild(elQt);

 // Célula Marca
 var celulaMarca = linha.insertCell(2);
 var elMarca = document.createElement('input');
 elMarca.type = 'text';
 elMarca.name = 'BombaMarca' + iteration;
 elMarca.id = 'BombaMarca' + iteration;
 elMarca.size = 10;
 //el.onkeypress = keyPressTest;
 celulaMarca.appendChild(elMarca);

 // Célula Modelo
 var celulaModelo = linha.insertCell(3);
 var elModelo = document.createElement('input');
 elModelo.type = 'text';
 elModelo.name = 'BombaModelo' + iteration;
 elModelo.id = 'BombaModelo' + iteration;
 elModelo.size = 10;
 //el.onkeypress = keyPressTest;
 celulaModelo.appendChild(elModelo);

 // Célula CPU
 var celulaCPU = linha.insertCell(4);
 var elCPU = document.createElement('input');
 elCPU.type = 'text';
 elCPU.name = 'BombaCPU' + iteration;
 elCPU.id = 'BombaCPU' + iteration;
 elCPU.size = 10;
 //el.onkeypress = keyPressTest;
 celulaCPU.appendChild(elCPU);

 // Célula CTF
 var celulaCTF = linha.insertCell(5);
 var elCTF = document.createElement('input');
 elCTF.type = 'checkbox';
 elCTF.name = 'BombaCTF' + iteration;
 elCTF.id = 'BombaCTF' + iteration;
 elCTF.size = 10;
 //el.onkeypress = keyPressTest;
 celulaCTF.appendChild(elCTF);

 // Célula MecEletr
 var celulaMecEletr = linha.insertCell(6);
 var elMecEletr = document.createElement('input');
 elMecEletr.type = 'checkbox';
 elMecEletr.name = 'BombaMecEletr' + iteration;
 elMecEletr.id = 'BombaMecEletr' + iteration;
 elMecEletr.size = 10;
 //el.onkeypress = keyPressTest;
 celulaMecEletr.appendChild(elMecEletr);

 // Célula GNV
 var celulaGNV = linha.insertCell(7);
 var elGNV = document.createElement('input');
 elGNV.type = 'checkbox';
 elGNV.name = 'BombaMecEletr' + iteration;
 elGNV.id = 'BombaMecEletr' + iteration;
 elGNV.size = 10;
 //el.onkeypress = keyPressTest;
 celulaGNV.appendChild(elGNV);

 // Célula Automação
 var celulaAutom = linha.insertCell(7);
 var elAutom = document.createElement('input');
 elAutom.type = 'checkbox';
 elAutom.name = 'BombaMecEletr' + iteration;
 elAutom.id = 'BombaMecEletr' + iteration;
 elAutom.size = 10;
 //el.onkeypress = keyPressTest;
 celulaAutom.appendChild(elAutom);
 }
 function removeLinha() {
 var tbl = document.getElementById('tabelaBombas');
 var lastRow = tbl.rows.length;
 if (lastRow > 2) tbl.deleteRow(lastRow - 1);
 }

o add é um botao html.

e tem um asp:Button que é pra salvar os dados

quando eu clico em salvar no c# ele so ve a primeira linha da tabela.

ele apaga o resto. deixa como quando inicia a pagina.

alguem tem ideia de como resolver isso ??