I'm making a page that calculates a mark before I submit the data to the database. It involves 8 <select> pulldowns. Each time I add a number I'm trying to get this Jquery code to display a percentage. The first one works but when I add any subsequent mark the display div shows NaN.
Any help would be appreciated. Here is my Javascript.
$('select').change(function() {
var arr_mark = $('#arr_mark').val();
var head_mark = $('#head_mark').val();
var solo1_mark = $('#solo1_mark').val();
var solo2_mark = $('#solo2_mark').val();
var rhyth_mark = $('#rhyth_mark').val();
var overall_mark = $('#overall_mark').val();
var prep_mark = $('#prep_mark').val();
var out_of;
if($('#head_mark')=='NA'){
out_of = 45;
head_mark = 0;
}
else {
out_of = 50;
}
var mark = ((arr_mark+head_mark+solo1_mark+solo2_mark+rhyth_mark+overall_mark+prep_mark)/out_of)*100;
Hi, I'm new to javascript and jquery. I was looking to use $(selector).bind() instead of using the ONCHANGE handler inline. Could some one help me out on how to use that in the following code.
<Script language="JavaScript">
function goto(form) { var index=form.select.selectedIndex