Solved

Need to use multiplication with javascript

Posted on 2008-10-28
2
1,527 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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

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 …
jQuery is a JavaScript library that greatly simplifies JavaScript programming. AJAX is an acronym formed from "Asynchronous JavaScript and XML."  AJAX refers to any communication between client and server, when the human client does not observe a…
Although Jacob Bernoulli (1654-1705) has been credited as the creator of "Binomial Distribution Table", Gottfried Leibniz (1646-1716) did his dissertation on the subject in 1666; Leibniz you may recall is the co-inventor of "Calculus" and beat Isaac…
I've attached the XLSM Excel spreadsheet I used in the video and also text files containing the macros used below. https://filedb.experts-exchange.com/incoming/2017/03_w12/1151775/Permutations.txt https://filedb.experts-exchange.com/incoming/201…

749 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