Form Values

portchey · Jul 21, 2005

Hi,

Excuse my lack of knowledge about javascript, I have a question that
I'm stumped on.

I have a form that has many text boxes that the user enters the
quantity of an item. Each item has a unit value.
How do I display on the page the total value of each item next to each
text box as the user enters the quantity in each text box in turn.

I feel the "onblur" event may be the event to use for each text box but
can't seem to get the calculated value displayed on the page.

Thanks for any advice.

Phil.

VK · Jul 21, 2005

portchey said:
I have a form that has many text boxes that the user enters the
quantity of an item. Each item has a unit value.
How do I display on the page the total value of each item next to each
text box as the user enters the quantity in each text box in turn.

<html>
<head>
<title>Calculate</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<script type="text/javascript">
function recalculate(goody) {
var output = document.getElementById(goody.id+'total');
var quantity = goody.value;
if (!isNaN(parseInt(quantity,10))) {
var price = goody.getAttribute('price');
output.innerHTML = quantity*price;
}
else {
output.innerHTML = 0;
}
}
</script>
</head>

<body bgcolor="#FFFFFF">

<form name="myForm">
<label for="item001">Item 1:</label>
<input type="text" name="item001" id="item001"
size="3" maxlength="3" value="0" price="25"
onfocus="this.select();"
onkeyup="recalculate(this);">
<span>Total: $<span id="item001total">0</span></span>
</form>

</body>
</html>

portchey · Jul 22, 2005

Hi VK,

Thanks very much for the example script.
I'll give it a go.

Phil.

portchey · Aug 4, 2005

Hi all,

How would I apply the same process but use a drop down menu for the
quantity instead of entering the value in a text box.

Thanks very much for any guidence.

Phil.

Randy Webb · Aug 4, 2005

portchey said the following on 8/4/2005 4:34 PM:

Hi all,

I'm not "all" but hi.

How would I apply the same process but use a drop down menu for the
quantity instead of entering the value in a text box.

"Same process" as what? Quote what you are replying to and that becomes
self-evident.

Thanks very much for any guidence.

Guidance: Read the group FAQ, thoroughly.

Registration Form	7	Aug 30, 2023
Programming challenge?	4	Jul 23, 2021
HTML form to csv file on server	1	Feb 12, 2025
How do i get numberOfItemsHired to only accept 1-500 if it is outside those values error message should be displayed	10	Jul 5, 2024
Text box simply do not stand out against the wall paper.	3	Feb 7, 2025
Login form no longer working	2	Feb 18, 2023
Checking dynamically populated data using ajax with user entered value	5	Apr 11, 2020
Search Results with Pagination	1	Oct 25, 2024

Form Values

portchey

VK

portchey

portchey

Randy Webb

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads