Hello all,
I have the following html page
Code:
<!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>
<title>My test page</title>
</head>
<body>
<form id="GetPresations">
<table>
<tr>
<td>Monday</td>
<td>date</td>
<td style="width:60px">
<select name="Mon" style="width:45px">
<option value="0" selected="0">0</option>
<option value="0,5">0,5</option>
<option value="1">1</option>
</select>
</td>
<td>Day prestated</td>
</tr>
<tr>
<td>Tuesday</td>
<td>date</td>
<td style="width:60px">
<select name="Tue" style="width:45px">
<option value="0" selected="0">0</option>
<option value="0,5">0,5</option>
<option value="1">1</option>
</select>
</td>
<td>Day prestated</td>
</tr> <tr>
<td>Wednesday</td>
<td>date</td>
<td style="width:60px">
<select name="Wed" style="width:45px">
<option value="0" selected="0">0</option>
<option value="0,5">0,5</option>
<option value="1">1</option>
</select>
</td>
<td>Day prestated</td>
</tr> <tr>
<td>Thursday</td>
<td>date</td>
<td style="width:60px">
<select name="Thu" style="width:45px">
<option value="0" selected="0">0</option>
<option value="0,5">0,5</option>
<option value="1">1</option>
</select>
</td>
<td>Day prestated</td>
</tr> <tr>
<td>Friday</td>
<td>date</td>
<td style="width:60px">
<select name="Fri" style="width:45px">
<option value="0" selected="0">0</option>
<option value="0,5">0,5</option>
<option value="1">1</option>
</select>
</td>
<td>Day prestated</td>
</tr> <tr>
<td>Saturday</td>
<td>date</td>
<td style="width:60px">
<select name="Sat" style="width:45px">
<option value="0" selected="0">0</option>
<option value="0,5">0,5</option>
<option value="1">1</option>
</select>
</td>
<td>Day prestated</td>
</tr> <tr>
<td>Sunday</td>
<td>date</td>
<td style="width:60px">
<select name="Sun" style="width:45px">
<option value="0" selected="0">0</option>
<option value="0,5">0,5</option>
<option value="1">1</option>
</select>
</td>
<td>Day prestated</td>
</tr> <tr>
<td>Week</td>
<td></td>
<td>total</td>
<td>Day(s) prestated</td>
</tr>
</table>
<input name="Send" value="Save prestations" type="button" onclick="alert(total)" style="width: 100px" />
<input NAME="RESET" value="RESET" type="reset" style="width: 87px"/>
</form>
</body>
</html>
I would like to create an onchange function that is used with each selection list.
The function should calculate the total (numeric) value of all selections and put it in the total cell. (so each time i select a value, the total should change).
Also when i click on the send button, it should give me an alert with the total value.
I'm just starting to learn javascript and would appriciate any help from you experienced guys.
Thanks alot already.
Vic
Calculate values of different selectionlists
