Having trouble with script combining form values into a statement.

[jayty97]

I have the following code which I'm using to calculate the price of a custom order item. The math is working fine.. the problem is simply that I cant get the script to take the form values and apply them to the item_description field. I have another form with fewer fields that is working fine.. I keep going over it and cant figure out why it doesn't work. I am somewhat new to Javascript so am still making stupid mistakes I dont have the experience to troubleshoot at times. Any help is appreciated.

<script>
function calcField_form1(){
CalcField.addEquation('form1', 'finishdepth=depth+1.25');
  CalcField.addEquation('form1', 'finishheight=height+1');
  CalcField.addEquation('form1', 'price=(length/12)*(finish+style+12)');
  CalcField.addEquation('form1', 'shipping=(pickup*price*.30)*(1+(zip/60000))');
}
calcField_form1();
  </script>

<script src="/accounting.js"></script>

<script type="text/javascript">





function money () {

var price      = document.getElementById('price').value;


	var pricea = accounting.formatMoney(price);
				
				document.getElementById('item_price').value = pricea;

var shipping      = document.getElementById('shipping').value;

	var shipa = accounting.formatMoney(shipping);
				
				document.getElementById('item_ship_price').value = shipa;


var length      = document.getElementById('length').value;
var height      = document.getElementById('height').value;
var depth      = document.getElementById('depth').value;
var left      = document.getElementById('left').value;
var right      = document.getElementById('right').value;

var baseheightleft      = document.getElementById('baseheightleft').value;

var basedepthleft      = document.getElementById('basedepthleft').value;

var baseheightright      = document.getElementById('baseheightright').value;

var basedepthright      = document.getElementById('basedepthright').value;


var finishing      = document.getElementById('finishing').value;
var style     = document.getElementById('style').value;
var bracket      = document.getElementById('bracket').value;
var finishheight      = document.getElementById('finishheight').value;
var finishdepth      = document.getElementById('finishdepth').value;
var notes     = document.getElementById('notes').value;
var pickup      = document.getElementById('pickup').value;


//------------This is where I'm having the problem with the script

   document.getElementById('item_description').value = "Custom Baseboard Cover to fit heater " + length + " inches wide, " + height + " inches high and " + depth + " inches deep.  Overall dimensions of cover will be "  + finishheight + " inches high, " + finishdepth + " inches deep.  Cover will have a baseboard cutout " + baseheightleft + " inches high by " + basedepthleft + " inches deep on the left and " + baseheightright + " inches high by " + basedepthright + " inches deep on the right. On the left side " + left + ". On the right side " + right + ". Cover will be sent " + finishing + ". Cover will have " + style + ". Cover will: " + bracket + " Your cover " + pickup + ".  Additional notes you provided: " + notes;

}

	
</script>

<input type="submit" value="Add To Cart" name="B1" onclick="return money();"/></p>

</form>[/HTML]

[JMRKER]

Can you show the HTML, CSS and JS together?
It would make it a lot easier to test and/or debug.
Do you have a live site to look at?

[ElvisMac]

You need to change the following:

document.getElementById('item_description').value

to:

document.getElementById('item_description').innerHTML

I'm a beginner too, so if I'm wrong, somebody experienced jump in and stop me!!