Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

buenolex

Criar tabela em javascript

Por , em Javascript

Recommended Posts

buenolex    0

buenolex
Postado

Olá pessoal, gostaria de criar dinâmicamente tabelas em javascript de forma que no form eu indico quantas linhas quero e crio a tabela que eu definir em javascript.Alguém tem um exemplo de criação de tabela em javascript?Agradeço qualquer ajuda,Lex.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago_ASP    0

Thiago_ASP
Postado

cara, um modelo simplesinho, usando um loop.... mas existem várias outras maneiras..... aconselho você a procurar algo relacionado com

insertRow()

 

mas esse quebra um galho.....

 

<html><head></head><body><script>document.write("<table border='1' cellpadding='0' cellspacing='0' style='border-collapse: collapse' width='100%' id='table1'>");document.write("<form name='form_produto'>");document.write("	<tr>");document.write("		<td width='542'>Item</td>");document.write("		<td width='100'>Quantidade</td>");document.write("		<td width='150'>Valor Unitário (R$)</td>");document.write("		<td width='100'>Desconto(%)</td>");document.write("		<td>Total(R$)</td>");document.write("		<td width='85'><input type='button' value='Adicionar' id='btn_add'></td>");document.write("	</tr>");var nome;var x = 0;var continuar = true;while(continuar){x += 1continuar = window.confirm("Deseja Adicionau mais uma linha?");document.write("	<tr id='tr"+x+"'>");document.write("		<td width='542'><select name='menu1'><option>Selecione</option><option>Monitor</option><option>HD</option><option>Teclado</option><option>Mouse</option><option>Processador</option></select></td>");document.write("		<td width='70'><input type='text' value='10' id='txt_qtd' size='8'></td>");document.write("		<td width='90'><input type='text' value='10' id='txt_vlr_uni' size='9'></td>");document.write("		<td width='64'><input type='text' value='10' id='txt_desc' size='5'></td>");document.write("		<td><input type='text' value='10' id='txt_total' size='9'></td>");document.write("		<td width='85'><input type='button' value='Excluir' id='btn_excluir'></td>");document.write("	</tr>");}document.write("		<tr>");document.write("		<td width='766' colspan='4'> </td>");document.write("		<td><input type='text' value='10' id='txt_total0' size='9' name='T1'></td>");document.write("		<td width='85'><input type='button' value='calcular' id='btn_calc'></td>");document.write("	</tr>");document.write("</form>");document.write("</table>");</script></body></htm>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito