Solved

Need to use multiplication with javascript

Posted on 2008-10-28
2
1,528 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

ASP.NET AJAX callbacks to web service are becoming very popular and unavoidable these days. The feel that the user gets when only a part of the page is updated without even hindering the UI is the advantage that the callbacks offer. The wait for the…
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 …
Michael from AdRem Software outlines event notifications and Automatic Corrective Actions in network monitoring. Automatic Corrective Actions are scripts, which can automatically run upon discovery of a certain undesirable condition in your network.…
This is my first video review of Microsoft Bookings, I will be doing a part two with a bit more information, but wanted to get this out to you folks.

726 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