bryntec

Pessoal, eu uso o innerHTML para criar elementos html via javascript.

No exemplo abaixo, ele adiciona linhas numa tabela, quando clico num botão.

Só que em vez de adicionar uma de cada vez, eu quero adicionar uma quantidade X previamente definida num input select, com opções de 1 a 50, por exemplo, e se eu clico no número 40, ele retorna 40 linhas na tabela, mas se eu mudar de idéia e escolher o número 20, ele apaga as 40 e retorna 20 linhas na tabela. Alguém sabe como fazer isso ? Obrigado.

SCRIPT

<script language="JavaScript">
totals = 1;
function add_passageiro(){
totals++

tbl = document.getElementById("tabela_dinamica")

var novaLinha = tbl.insertRow(-1);
var novaCelula;

if(totals%2==0) cl = "#e8f1ed"; else cl = "#f9f9f9";

novaCelula = novaLinha.insertCell(0);
novaCelula.style.backgroundColor = cl

novaCelula.innerHTML = 'texto da coluna 1';

novaCelula = novaLinha.insertCell(1);
novaCelula.align = "left";
novaCelula.style.backgroundColor =cl;
novaCelula.innerHTML = 'texto da coluna 2';

novaCelula = novaLinha.insertCell(2);
novaCelula.align = "left";
novaCelula.style.backgroundColor =cl;
novaCelula.innerHTML = 'texto da coluna 3';
}
</script>

HTML

<input type="button" value="Add" class="submit" onclick="add_passageiro()"/>
<table class="tb" id="tabela_dinamica">
</table>