Simple problem, but can't figure it out

**wbingham** · 07-01-2011 02:19 PM

Working on a script that will add together dollar values in user selected drop downs and display on the page. I get the script to work if the total is to be displayed in a text box, but I want to do a document.write() to put it as a piece of text. I know the answer is simple, but I just don't have the experience to figure it out. I think it may have something to do with local/global scope of the variable. Searched everywhere for the solution.

Below is the code, thanks to anyone who can help!

-----------------------------------------------------------------

<script language="JavaScript">

function addall()
{
writetotal = document.summing.writetotal.value = parseFloat(document.summing.a.value)
+ parseFloat(document.summing.b.value)
+ parseFloat(document.summing.c.value)
+ parseFloat(document.summing.d.value)

}

</script>
</head>

<body>
<form name="summing">

<td width="502" valign="top">
<select name="a" onChange="addall()">
<option value="0.00">0</option>
<option value="2.95">1</option>
<option value="3.95">2</option>
<option value="4.95">3</option>
<option value="5.95">4</option>
</select><br>
<select name="b" onChange="addall()">
<option value="0.00">0</option>
<option value="2.95">1</option>
<option value="3.95">2</option>
<option value="4.95">3</option>
<option value="5.95">4</option>
</select><br>
<select name="c" onChange="addall()">
<option value="0.00">0</option>
<option value="2.95">1</option>
<option value="3.95">2</option>
<option value="4.95">3</option>
<option value="5.95">4</option>
</select><br>
<select name="d" onChange="addall()">
<option value="0.00">0</option>
<option value="2.95">1</option>
<option value="3.95">2</option>
<option value="4.95">3</option>
<option value="5.95">4</option>
</select><br><br>

<input type="text" name="writetotal" size="5" maxlength="5">
<input type="submit" name="Submit" value=""><br><br>

<script language="JavaScript">

</script>

</form>

**njaohnt** · 07-01-2011 03:24 PM

I changed it to a div if that's okay.

HTML Code:

<html><head><script language="JavaScript">


function addall()
{
var writetotal=parseFloat(document.summing.a.value) 
+ parseFloat(document.summing.b.value)
+ parseFloat(document.summing.c.value)
+ parseFloat(document.summing.d.value);
document.getElementById('wrtot').innerHTML=writetotal;

}


</script>
</head>

<body>
<form name="summing">


<td width="502" valign="top"> 
<select name="a" onChange="addall()">
<option value="0.00">0</option>
<option value="2.95">1</option>
<option value="3.95">2</option>
<option value="4.95">3</option>
<option value="5.95">4</option>
</select><br>
<select name="b" onChange="addall()">
<option value="0.00">0</option>
<option value="2.95">1</option>
<option value="3.95">2</option>
<option value="4.95">3</option>
<option value="5.95">4</option>
</select><br>
<select name="c" onChange="addall()">
<option value="0.00">0</option>
<option value="2.95">1</option>
<option value="3.95">2</option>
<option value="4.95">3</option>
<option value="5.95">4</option>
</select><br>
<select name="d" onChange="addall()">
<option value="0.00">0</option>
<option value="2.95">1</option>
<option value="3.95">2</option>
<option value="4.95">3</option>
<option value="5.95">4</option>
</select><br><br>


<input type="text" name="writetotal" size="5" maxlength="5">
<input type="submit" name="Submit" value=""><br><br>

<div id="wrtot"></div>




</form></body></html>

**wbingham** · 07-01-2011 04:48 PM

Thanks! I would have never have gotten it. Your approach and solution was much better.

Thread: Simple problem, but can't figure it out

Thread Tools

Display

Hybrid View

Simple problem, but can't figure it out

It worked perfectly!

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions