Calculate form inputs and display on screen
<p>I've two date fields which i already calculate as i need the time. In addition to these i have 6 drop downs which hold numeric values.</p>

<p>When the user selects any of these fields i want the total to be calculated/updated onscreen similar to a shopping cart.
I started with something like this but i can't get the bloody thing to work obviously my logic is at fault. I realise it's wrong but i don't know how to fix it. </p>

<pre><code>$(function(){
$('a#calc').click(function(){
var p = $('select#TRDO').val();
var q = $('select#AnnualLeave').val();
var r = $('select#PersonalLeave').val();
var s = $('select#WorkFromHome').val();
var t = $('select#TOIL').val();
var tot = (q+p+r+s+t);
$('input#total').val(tot);
});
</code></pre>

<p>});</p>

<p>I just need help in doing the first one then i'll be right to go it on my own.</p>

<p>Thanks it's been a very frustrating day...</p>
