com o uso de document.createElement

[Angelo Carlos 0]

Quero fazer um sistema que permita que o usuário insira no banco de dados quantas entradas desejar.

Ele preenche alguns campos do tipo:

 

Drop_Down_List_Produto1: Seleciona o produto que deseja comprar (os campos são selecionados de um banco de dados)

textBox_Quantidade1: Quantidade de produtos que vai comprar (o usuário digita um numero)

 

Se ele desejar comprar outro produto diferente ele clica em um botão "+" que copia estes dois campos na página e deixa o usuário preencher

 

No final todos os campos preenchidos devem ser salvos

 

O problema é que os novos campos criados tem o mesmo nome dos campos antigos, isso porque eu não sei criar campos novos, o que eu faço é o seguinte:

 

document.getElementById('DIV_Produtos1').innerHTML = document.getElementById('DIV_Produtos1').innerHTML + document.getElementById('DIV_Produtos1').innerHTML;

 

Isso faz com que os campos sejam copiados mas os nomes ficam iguais...

 

Uma solução poderia ser criar novos elementos com document.createElement?

Aí eu criaria elementos com nomes

Drop_Down_List_Produto2

textBox_Quantidade2

Como posso fazer isso?

 

Estou utilizando asp para criar o Drop_Down_List_Produto1 e o textBox_Quantidade1

e o código que cria os novos elementos na tela é JavaScript.

[andreia_sp 1]

A ideia seria fazer mesmo com createElement, você pode fazer uma busca pelo forum ou pela net tem bastante exemplos.

De qq forma o ultimo post q me lembro q tem algo parecido é este http://forum.imasters.com.br/index.php?showtopic=277612