StargazeR82
MIS
If I have two fields on a form, and need to add them together and place the sum in another field in the form automatically so the user can see the total before submission, how would I do that?
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
How to do client side adding of form fields before submission
- Thread starter StargazeR82
- Start date
- Status
Put an onchange event on the two boxes that calls a javascript function that adds the two values together and puts them into the third.
e.g.
<html>
<head>
<script language="javascript">
function addValues()
{
myForm.box3.value = myForm.box1.value*1 + myForm.box2.value*1;
}
</script>
</head>
<body>
<form id="myForm">
<input id="box1" onchange="javascript:addValues();" type="text">
<input id="box2" onchange="javascript:addValues();" type="text">
<input id="box3" type="text">
</form>
</body>
</html>
Hope this helps,
Rob.
e.g.
<html>
<head>
<script language="javascript">
function addValues()
{
myForm.box3.value = myForm.box1.value*1 + myForm.box2.value*1;
}
</script>
</head>
<body>
<form id="myForm">
<input id="box1" onchange="javascript:addValues();" type="text">
<input id="box2" onchange="javascript:addValues();" type="text">
<input id="box3" type="text">
</form>
</body>
</html>
Hope this helps,
Rob.
- Thread starter
- #3
StargazeR82
MIS
Thanks Rob. That was just what I was looking for.
- Status