WebDeveloper.com - using the selected value of a pull down menu

Here's the new HTML

Code:

<html>

<head>

<script type="text/javascript" src="calculate.js">

</script>

</head>

<body>

<form method="post" action="#">

Please select your desired region

<br>

<br>



//1st select menu, "region"



<select name="region" onChange="count(this.form);this.form.pay.value=formatCurrency(this.form.pay.value)">

<option selected value=0>Select one...</option>

<option value=1>California (entire state)</option>

<option value=2>Northern California</option>

<option value=3>Southern California</option>

</select>

<br>

<br>

Please select length of subscription

<br>

<br>



//2nd select menu, "sublength"



<select name="sublength" onChange="count(this.form);this.form.pay.value=formatCurrency(this.form.pay.value)">

<option selected value=0>Select one...</option>

<option value=1>12 Months</option>

<option value=2>6 Months</option>

<option value=3>3 Months</option>

</select>

<br>

<br>

Please select your desired project types

<br>

$5.00 per month per project type

<br>

<br>

<table width="100%" border="0">

<tr>

<td>



//checkboxes



<input type="checkbox" name="commercial" onClick="count(this.form);this.form.pay.value=formatCurrency(this.form.pay.value)">

Industrial

</td>

<td>

<input type="checkbox" name="industrial" onClick="count(this.form);this.form.pay.value=formatCurrency(this.form.pay.value)">

Commercial

</td>

<td>

<input type="checkbox" name="tracts" onClick="count(this.form);this.form.pay.value=formatCurrency(this.form.pay.value)">

Tracts 

</td>

<td>

<input type="checkbox" name="custom" onClick="count(this.form);this.form.pay.value=formatCurrency(this.form.pay.value)">

Custom homes

</td>

<td>

<input type="checkbox" name="multi" onClick="count(this.form);this.form.pay.value=formatCurrency(this.form.pay.value)">

Multi family homes

</td>

</tr>

</table>

<br>

Price per month



//textbox to display price



<input type="text" name="pay" readonly="1">

Total

<input type="text" name="total" readonly="1">

</form>

</body>

</html>

and heres the updated "calculate.js"

PHP Code:


		
			
//count function

function count(f){

//define variables

var windustrial, wcommercial, wtracts, wcustom, wmulti, wca03price, wca06price, wca12price, wns03price, wns06price, wns12price;

//if statement to set a value to a variable

if (f.region.options[f.region.selectedIndex].value == 1 && f.sublength.options[f.sublength.selectedIndex].value == 1){

wca12price=34.95

}else{

wca12price=0

}

//if statement to set a value to a variable

if (f.region.options[f.region.selectedIndex].value == 1 && f.sublength.options[f.sublength.selectedIndex].value == 2){

wca06price=44.95

}else{

wca06price=0

}

//if statement to set a value to a variable

if (f.region.options[f.region.selectedIndex].value == 1 && f.sublength.options[f.sublength.selectedIndex].value == 3){

wca03price=54.95

}else{

wca12price=0

}

//if statement to set a value to a variable

if (f.region.options[f.region.selectedIndex].value > 1 && f.sublength.options[f.sublength.selectedIndex].value == 1){

wns12price=19.95

}else{

wns12price=0

}

//if statement to set a value to a variable

if (f.region.options[f.region.selectedIndex].value > 1 && f.sublength.options[f.sublength.selectedIndex].value == 2){

wns06price=24.95

}else{

wns06price=0

}

//if statement to set a value to a variable

if (f.region.options[f.region.selectedIndex].value > 1 && f.sublength.options[f.sublength.selectedIndex].value == 3){

wns03price=29.95

}else{

wns03price=0

}

//check box variables

windustrial=(f.industrial.checked)?5:0;

wcommercial=(f.commercial.checked)?5:0;

wtracts=(f.tracts.checked)?5:0;

wcustom=(f.custom.checked)?5:0;

wmulti=(f.multi.checked)?5:0;

//add up all variables and store in "pay" variable

//problem might be here??

f.pay.value = windustrial + wcommercial + wtracts + wcustom + wmulti + wca03price + wca06price + wca12price + wns03price + wns06price + wns12price;

}

//function to convert "pay" into currency format

function formatCurrency(num) {

num = num.toString().replace(/$|,/g,'');

if(isNaN(num))

num = "0";

sign = (num == (num = Math.abs(num)));

num = Math.floor(num*100+0.50000000001);

cents = num%100;

num = Math.floor(num/100).toString();

if(cents<10)

cents = "0" + cents;

for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)

num = num.substring(0,num.length-(4*i+3))+','+

num.substring(num.length-(4*i+3));

return (((sign)?'':'-') + '$' + num + '.' + cents);

}

edit for comments in code