I have 2 textboxes (txtPrice, txtPercent). What I need to do, is update the txtPrice box without submitting the page/form.
When the txtPercent is changed, I would like to call a function which would then take the txtPrice value and multiply it by txtPercent and add that back into the txtPrice. Then I need to update the txtPrice box without submitting the page.
<td align="right"><?php print "Price" ?>:</td><td><input type="text" name="txtPrice" size="15" value="<?php print $txtPrice?>" />
<td align="right"><?php print "Percent" ?>:</td><td><input type="text" name="txtPercent" onChange="updatePrice()" size="15" value="<?php print $txtPercent?>" />
function updatePrice(txtPrice, txtPercent)
{
var newPrice;
newPrice = (txtPrice * txtPercent) + txtPrice;
document.GetElementById('txtPrice').value = newPrice
}
Thanks in advance for any help.
When the txtPercent is changed, I would like to call a function which would then take the txtPrice value and multiply it by txtPercent and add that back into the txtPrice. Then I need to update the txtPrice box without submitting the page.
<td align="right"><?php print "Price" ?>:</td><td><input type="text" name="txtPrice" size="15" value="<?php print $txtPrice?>" />
<td align="right"><?php print "Percent" ?>:</td><td><input type="text" name="txtPercent" onChange="updatePrice()" size="15" value="<?php print $txtPercent?>" />
function updatePrice(txtPrice, txtPercent)
{
var newPrice;
newPrice = (txtPrice * txtPercent) + txtPrice;
document.GetElementById('txtPrice').value = newPrice
}
Thanks in advance for any help.