como multiplicar quantidade x valor e mostrar o resultado

[ronaldosdb 1]

Ola turma, eu tenho um form em que o usuario pode clicar no botao Adicionar Produtos...

Para cada produto adicionado, eu exibo (através de um while) campos do tipo

 

Produto 1:

 

nome1

quantidade1

valor1

total1

 

 

Produto2:

 

nome2

quantidade2

valor2

total2

 

Gostaria de saber como posso fazer para que o total apareca automaticamente (preço x quatidade) no campo input do total...

tem como?

 

estou criando os campos com o seguinte code:

 

<script type="text/javascript">
order = 1;

var mainDivName = 'eventDates';

function addEvent()
{
var ni = document.getElementById(mainDivName);

var numi = document.getElementById('theValue');
var num = (document.getElementById("theValue").value -1)+ 2;
numi.value = num;

var divIdName = "eventDate"+num+"Div";
var newdiv = document.createElement('div');
newdiv.setAttribute("id",divIdName);
newdiv.innerHTML = "<span class=\"linktext\">"+order+++"º) <label for=\"produto"+num+"\">Produto:    </label><input type=\"text\" name=\"produto"+num+"\" id=\"produto"+num+"\"  size=\"40\"><label for=\"valor"+num+"\"><br>Quantidade:     </label><input type=\"text\" id=\"valor"+num+"\" name=\"valor"+num+"\" size=\"5\"><label for=\"valor_unitario"+num+"\"><br>Valor Unitário: </label><input type=\"text\" name=\"valor_unitario"+num+"\" id=\"valor_unitario"+num+"\" size=\"12\"><br>Valor Total:      </label><input type=\"text\" name=\"valor_total_produto"+num+"\" id=\"valor_total_produto"+num+"\" size=\"12\"> <a href=\"#\" onclick=\"removeEvent(\'"+divIdName+"\')\">Remover produto</a><p>";


ni.appendChild(newdiv);

}


function removeEvent(divNum)
{
var d = document.getElementById(mainDivName);
var olddiv = document.getElementById(divNum);
d.removeChild(olddiv);
}
</script>

Valeu, ronaldo

[ronaldosdb 1]

Galera, consegui com isso, mas será que nao tem um jeito de simplificar? pois eu to tendo q fazer manualmente...queria fosse feito até 50, e fiz somente até dez como vcs podem ver:

 

function valida() {

 if (document.formulario.valor_unitario1.value!="" && document.formulario.quantidade1.value!="" ) {
  pNum2 = document.formulario.valor_unitario1.value;
  pNum3 = document.formulario.quantidade1.value;

  var numero2 = replaceSubstring(pNum2, ",", ".");
  var numero3 = replaceSubstring(pNum3, ",", ".");
  var total = parseFloat(numero2) * parseFloat(numero3);
  document.formulario.valor_total_produto1.value = total;
 }
 
  if (document.formulario.valor_unitario2.value!="" && document.formulario.quantidade2.value!="" ) {
  pNum2 = document.formulario.valor_unitario2.value;
  pNum3 = document.formulario.quantidade2.value;

  var numero2 = replaceSubstring(pNum2, ",", ".");
  var numero3 = replaceSubstring(pNum3, ",", ".");
  var total = parseFloat(numero2) * parseFloat(numero3);
  document.formulario.valor_total_produto2.value = total;
 }

 if (document.formulario.valor_unitario3.value!="" && document.formulario.quantidade3.value!="" ) {
  pNum2 = document.formulario.valor_unitario3.value;
  pNum3 = document.formulario.quantidade3.value;

  var numero2 = replaceSubstring(pNum2, ",", ".");
  var numero3 = replaceSubstring(pNum3, ",", ".");
  var total = parseFloat(numero2) * parseFloat(numero3);
  document.formulario.valor_total_produto3.value = total;
 }

  if (document.formulario.valor_unitario4.value!="" && document.formulario.quantidade4.value!="" ) {
  pNum2 = document.formulario.valor_unitario4.value;
  pNum3 = document.formulario.quantidade4.value;

  var numero2 = replaceSubstring(pNum2, ",", ".");
  var numero3 = replaceSubstring(pNum3, ",", ".");
  var total = parseFloat(numero2) * parseFloat(numero3);
  document.formulario.valor_total_produto4.value = total;
 }

 if (document.formulario.valor_unitario5.value!="" && document.formulario.quantidade5.value!="" ) {
  pNum2 = document.formulario.valor_unitario5.value;
  pNum3 = document.formulario.quantidade5.value;

  var numero2 = replaceSubstring(pNum2, ",", ".");
  var numero3 = replaceSubstring(pNum3, ",", ".");
  var total = parseFloat(numero2) * parseFloat(numero3);
  document.formulario.valor_total_produto5.value = total;
 }
 if (document.formulario.valor_unitario6.value!="" && document.formulario.quantidade6.value!="" ) {
  pNum2 = document.formulario.valor_unitario6.value;
  pNum3 = document.formulario.quantidade6.value;

  var numero2 = replaceSubstring(pNum2, ",", ".");
  var numero3 = replaceSubstring(pNum3, ",", ".");
  var total = parseFloat(numero2) * parseFloat(numero3);
  document.formulario.valor_total_produto6.value = total;
 }
 if (document.formulario.valor_unitario7.value!="" && document.formulario.quantidade7.value!="" ) {
  pNum2 = document.formulario.valor_unitario7.value;
  pNum3 = document.formulario.quantidade7.value;

  var numero2 = replaceSubstring(pNum2, ",", ".");
  var numero3 = replaceSubstring(pNum3, ",", ".");
  var total = parseFloat(numero2) * parseFloat(numero3);
  document.formulario.valor_total_produto7.value = total;
 }
 if (document.formulario.valor_unitario8.value!="" && document.formulario.quantidade8.value!="" ) {
  pNum2 = document.formulario.valor_unitario8.value;
  pNum3 = document.formulario.quantidade8.value;

  var numero2 = replaceSubstring(pNum2, ",", ".");
  var numero3 = replaceSubstring(pNum3, ",", ".");
  var total = parseFloat(numero2) * parseFloat(numero3);
  document.formulario.valor_total_produto8.value = total;
 }
 if (document.formulario.valor_unitario9.value!="" && document.formulario.quantidade9.value!="" ) {
  pNum2 = document.formulario.valor_unitario9.value;
  pNum3 = document.formulario.quantidade9.value;

  var numero2 = replaceSubstring(pNum2, ",", ".");
  var numero3 = replaceSubstring(pNum3, ",", ".");
  var total = parseFloat(numero2) * parseFloat(numero3);
  document.formulario.valor_total_produto9.value = total;
 }
 if (document.formulario.valor_unitario10.value!="" && document.formulario.quantidade10.value!="" ) {
  pNum2 = document.formulario.valor_unitario10.value;
  pNum3 = document.formulario.quantidade10.value;

  var numero2 = replaceSubstring(pNum2, ",", ".");
  var numero3 = replaceSubstring(pNum3, ",", ".");
  var total = parseFloat(numero2) * parseFloat(numero3);
  document.formulario.valor_total_produto10.value = total;
 }

}

Valeu

Ronaldo