atualizar em tempo real

[DarthEdu 0]

Gente, gostaria de inserir ali uma quantidade e que ela multiplicasse com um valor unitário do produto

tipo:

 

preço unitario = 49,90

 

qntd x preço unitario

 

mas ao digitar no campo ali ele ja multiplicasse e mostrasse o resultado ali no campo preço em tempo real sem precisar atualizar a página, mas não sei fazer isso, alguém me ajuda pfvr?

[Snowden 94]

com AJAX

 

com jquery use o evento .change() para pegar o valor, e .ajax() para enviar ao servidor e retornar com o calculo atualizando apenas o elemento do valor total

[William Bruno 1501]

Código:

https://github.com/wbruno/examples/blob/gh-pages/calc-table/index.html

 

Exemplo funcionando:

http://wbruno.github.io/examples/calc-table/

 

 

PS: aparentemente eu não acho que seja necessário ajax.

[Rafael Sirotheau 43]

Uma outra solução seria utilizar atributos 'data', e, ao invés de onchange (que requer um blur) utilizar onkeyup.

Ex. http://jsfiddle.net/bqkmLkgp/1/