Solved

Need to use multiplication with javascript

Posted on 2008-10-28
2
1,525 Views
Last Modified: 2010-04-21
I have a field which a user will fill in the "number of tickets" and I need another field to automatically show the total.  The ticket price is  always the same ($20.00).
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function GetVal()
{
      
      var Numtickets = document.dessert.Number_Of_Tickets.value;
      if(typeof Numtickets == "number")
      {
            
            document.frm.Total_amount_charged.value = numTickets * 20;
 
      }
      else
      {
            alert("Please enter numbers")
            return false;            
      }
      
}
//-->
</SCRIPT>
<form action="https://www.mywebserver.com/cgi-bin/formhandler.pl" method="post" name="dessert" id="dessert" onsubmit="GetVal()" >
<table>
                <tr valign="top" class="bodytext">
                  <td width="34%" align="right" class="bodytext">NUMBER OF TICKETS: <BR />($20.00 each)</td>
                  <td width="66%" class="bodytext"><input type="text" name="Number_Of_Tickets" size="30" maxlength="120" VALUE="" onchange="GetVal()">                 </td>
                </tr>
                <tr valign="top" class="bodytext">
                  <td width="34%" align="right" class="bodytext">TOTAL AMOUNT OF CHARGE:</td>
                  <td width="66%" class="bodytext"><input type="text" name="Total_amount_charged" size="30" maxlength="120" VALUE="" DISABLED />                  </td>
                </tr>
</table>
</form>

Open in new window

0
Comment
Question by:CalDev
2 Comments
 
LVL 13

Accepted Solution

by:
numberkruncher earned 500 total points
ID: 22823186
Personally I would use a span instead of a disabled textbox, but obviously that is up to you.

The following snippet is how I would do this:
<html>
<head>
	<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><!--
		function GetVal()
		{
			var outputEl = document.getElementById('totalCharge');
			var Numtickets = parseInt(document.dessert.Number_Of_Tickets.value);
			outputEl.innerHTML = Numtickets * 20;
		}
	//--></SCRIPT>
</head>
<body>
	<form action="https://www.mywebserver.com/cgi-bin/formhandler.pl" method="post" name="dessert" id="dessert" onsubmit="GetVal()" >
		<table>
			<tr valign="top" class="bodytext">
				<td width="34%" align="right" class="bodytext">NUMBER OF TICKETS: <BR />($20.00 each)</td>
				<td width="66%" class="bodytext">
					<input type="text" name="Number_Of_Tickets" size="30" maxlength="120" value="" onkeyup="GetVal()">
				</td>
			</tr>
			<tr valign="top" class="bodytext">
				<td width="34%" align="right" class="bodytext">TOTAL AMOUNT OF CHARGE:</td>
				<td width="66%" class="bodytext">
					<span id="totalCharge"></span>
				</td>
			</tr>
		</table>
	</form>
</body>
</html>

Open in new window

0
 

Author Closing Comment

by:CalDev
ID: 31510785
That was spot on, great stuff, Thank you
0

Featured Post

Are your AD admin tools letting you down?

Managing Active Directory can get complicated.  Often, the native tools for managing AD are just not up to the task.  The largest Active Directory installations in the world have relied on one tool to manage their day-to-day administration tasks: Hyena. Start your trial today.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
AJAX JQUERY POST 302 response 9 53
asp.net upload progress bar 2 61
Ajax Problem 9 42
fade new row in after record insert with jQuery/ajax/php 18 89
Today I am discussing AJAX problems in IE7 and I bet this will helps many guys out here who have problems with AJAX work. Lets start with the discovery of problem and then we will talk about its different solutions. My last two projects included …
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
In a recent question (https://www.experts-exchange.com/questions/28997919/Pagination-in-Adobe-Acrobat.html) here at Experts Exchange, a member asked how to add page numbers to a PDF file using Adobe Acrobat XI Pro. This short video Micro Tutorial sh…
Nobody understands Phishing better than an anti-spam company. That’s why we are providing Phishing Awareness Training to our customers. According to a report by Verizon, only 3% of targeted users report malicious emails to management. With compan…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question