Calculation with dropdown and input box

I'm really new to all this and have just pieced together from W3schools. What I would like to try and create form that once entering a number into a text box calculates a selection in a dropdown list and displays it in another text box once a submit button is clicked. The code I have thus far is as follows...Additionally I have attached a photo of what I wish the results to look like.

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html>
 
<html> 
 
<head>
 
<script type="text/javascript">
 
function findTotal()

{
 
    var icing = parseFloat(document.getElementById('icing').value);
 
    var servings = Number(document.getElementById('servings').value);
 
    var total = icing * servings;
 
}
 
</script> 
 
</head>
 
<body>
 
<B>Icing:</B> <select id="icing">

<option>(Make a selection)</option>

<option value num="2.25">Whipped Cream</option>

<option value num="3.50">Butter Cream</option>

<option value num="4.00">Fondant</option>

</select>

<br>
 
<B>Servings:</B> <input id="servings"><br>
 
<button onclick="findTotal();">Calculate Total</button>
 
<input type="text" id="" size="20">
 
</body> 
 
</html>

Attached Images

Form.png (3.8 KB, 2328 views)

Feb 24 '13 #1

Subscribe Post Reply

5766

zmbd

5,501

Expert Mod 4TB

By, simply stating that your code "doesn't work" or what am I missing here, well you actually don't really say one way or the other, along with code that appears to have had very little if any troubleshooting performed expecting someone to help doesn't usually result in much of an answer and may result in your thread being deleted.

Instead, please tell us what you were expecting to happen, what actually happened, for each error (if any): the EXACT title, error number, and descriptions that occurred and at what line in your posted code the error occurred.

These are the minimum requirements for posting a question of this nature.

Also, please read the FAQ and Posting Guidelines. If your post were to be read within the strictest interpretation of these expectations, your post would be in violation of them.

Feb 24 '13 #2

Louie22701

What was Expected:
1. Person would select option from drowdown list.
Ex: Whipped Cream
2. Person would enter number into textbox.
3. Person will click button to calculate.
4. Output will be displayed in textbox.

I have assigned each option within the dropdown list to a number for example "Whipped Cream" holds the value of 2.25. When a person selects "Whipped Cream", enters 25 in the textbox, and clicks the button, the following calculation will occur (2.25*25) the result will the be displayed in a textbox.

When I run my own code nothing occurs.

Feb 25 '13 #3

by: Aspersion | last post by:

I'm building an ASP page that has a lot of text and graphics. There is a calculation facility on the page. The user enters several numbers in a form and presses a button to see the calculated...

ASP / Active Server Pages

making div appear on dropdown selection

by: middletree | last post by:

For an ASp Intranet app, I have some code that should work, but I am not able to make it happen for some reason, after spending considerable time on this. I am pretty thick when it comes to...

Javascript

Loop with a series of checkbox and dropdown box

by: chuskarl | last post by:

Hi, I just starting learning javascripe by myself and have quick question if anyone can help. I already checked recent post and couldn't find any similar one. I have a few pairs of checkbox and...

Javascript

Excluding a textbox from a calculation if input = ""

by: hacorbin | last post by:

I have a VB.NET program I am creating that sums 7 textboxes and displays their total in a total textbox. code: Private Sub btnadd_Click(ByVal sender As System.Object, ByVal e As...

.NET Framework

prevent dropdown with previous input

by: groups2 | last post by:

When you press the down key while in an input field the default behavior for some event creates a dropdown of the previously input text. What event creates that behavior and how do I stop it ? ...

Javascript

calculation problem with math.h predefined methods

by: mattmao | last post by:

Okay, I was asked by a friend about the result of this limit: http://bbs.newwise.com/attdata/forumid_14/20070922_fe7f77c81050413a20fbDWYOGm7zeRj3.jpg Not n->zero but n-> + infinite I really...

C / C++

Link two dropdowns so the second dropdown can use sql query

by: zion4ever | last post by:

Hello good people, Please bear with me as this is my first post and I am relative new to ASP. I do have VB6 experience. I have a form which enables users within our company to do an intranet...

ASP / Active Server Pages

Populating drop down menu from databse on onChnage() of first dropdown without refre

by: tokcy | last post by:

Hi everyone, I am new in php and ajax, i am facing the prob while i click on element of first drop down then in second dropdown all element showl come from database. I mean i have three dropdown 1....

Javascript

Need help with simple price x quantity calculation

by: brossyg | last post by:

I have a very simple price times quantity calculation. The input is STWCORQuant: <input name="STWCORQuant" class="contactitalicbold" id="STWCORQuant" onChange="javascript:STWCORPrice();"...

Javascript

Form with some calculation but input fields are resulting to NaN.

by: Phoumano Somvie | last post by:

I am trying to do some calculation with this form but some input fields are resulting NaN. Can anyone explain the error and a fix? Thanks <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

Calculation with dropdown and input box

Similar topics