K I will state the question first then I will put the code that I have so far. So I have four form fields that people can select from. What I want to do is when someone selects something from the menuform field to have a running total so to speak display for the cost of their purchases. I have it so if someone changes a field I display a value but I dont know how to add the values together if they select say 2 cases and 2 shirts. The whole code is listed below.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="JavaScript" type="text/javascript">
function calculatetotal(sel)
{
var w = sel.options[sel.options.se
lectedInde
x].value;
document.getElementById('m
essage').i
nnerHTML= w;
}
</script>
</head>
<body>
<form>
<div>
<select name="ordercase" id="ordercase" onChange="calculatetotal(t
his);">
<option selected="selected" value="0">Select Number Of Cases</option>
<option value="5">1 Case</option>
<option value="10">2 Cases</option>
<option value="15">3 Cases</option>
<option value="20">4 Cases</option>
<option value="25">5 Cases</option>
<option value="30">6 Cases</option>
<option value="35">7 Cases</option>
<option value="40">8 Cases</option>
<option value="45">9 Cases</option>
<option value="50">10 Cases</option>
</select>
</div>
</form>
<form>
<div>
<select name="ordershirt" id="ordershirt" onChange="calculatetotal(t
his);">
<option selected="selected" value="0">Select Number Of Shirts</option>
<option value="10">1 Shirts</option>
<option value="20">2 Shirts</option>
<option value="30">3 Shirts</option>
<option value="40">4 Shirts</option>
<option value="50">5 Shirts</option>
<option value="60">6 Shirts</option>
<option value="70">7 Shirts</option>
<option value="80">8 Shirts</option>
<option value="90">9 Shirts</option>
<option value="100">10 Shirts</option>
</select>
</div>
</form>
<form>
<div>
<select name="ordercase2" id="ordercase2" onChange="calculatetotal(t
his);">
<option selected="selected" value="0">Select Number Of Cases</option>
<option value="5">1 Case</option>
<option value="10">2 Cases</option>
<option value="15">3 Cases</option>
<option value="20">4 Cases</option>
<option value="25">5 Cases</option>
<option value="30">6 Cases</option>
<option value="35">7 Cases</option>
<option value="40">8 Cases</option>
<option value="45">9 Cases</option>
<option value="50">10 Cases</option>
</select>
</div>
</form>
<form>
<div>
<select name="ordershirt2" id="ordershirt2" onChange="calculatetotal(t
his);">
<option selected="selected" value="0">Select Number Of Shirts</option>
<option value="10">1 Shirts</option>
<option value="20">2 Shirts</option>
<option value="30">3 Shirts</option>
<option value="40">4 Shirts</option>
<option value="50">5 Shirts</option>
<option value="60">6 Shirts</option>
<option value="70">7 Shirts</option>
<option value="80">8 Shirts</option>
<option value="90">9 Shirts</option>
<option value="100">10 Shirts</option>
</select>
</div>
</form>
<div id="message"></div>
</body>
</html>
Start Free Trial
