aspose file tools*
The moose likes HTML, CSS and JavaScript and the fly likes onchange for dynamically added rows Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of The Java EE 7 Tutorial Volume 1 or Volume 2 this week in the Java EE forum
or jQuery UI in Action in the JavaScript forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "onchange for dynamically added rows" Watch "onchange for dynamically added rows" New topic
Author

onchange for dynamically added rows

karthik jayraj
Greenhorn

Joined: Oct 25, 2010
Posts: 1
Hi ,

I am new to javascript and have coded an invoice page through help from some available

content on web.

here is my requirement

My form contains inputs "item ,rate quantity,price" in a tabular form where one can

dynamically add or delete rows.And the requirement is that

when Quantity is entered the Price should change to Price=Quantity*Rate on tab out

So I have used a Javascript onchange() and this works fine for the first displayed row.

but for dynamically added rows this does not happen, I am not able change the price

value for dynamically added rows.

Code is as below
direct_invoice.html



my java script for dynamically adding rows works as below for each cell

for newly added row the columnQuantit will be created like this

Add row()




calculate price:

 
Don't get me started about those stupid light bulbs.
 
subject: onchange for dynamically added rows