Question

Im just learning the ropes with javascript and jQuery but cant get my head around this. I have 3 drop down menus with a few products in them and each has a different value. All I want to do is have the user select one item on each of the drop downs and when they hit the submit button the values are added and a total is displayed in a text box. I have now spent 14 hours trying to do this with no success so any help will be mostly grateful!

Answer 1

Its hard to know exactly what you’re looking for but this attached JSFiddle does what you’re describing – let me know if you want any part of it explained.

http://jsfiddle.net/FdZDP/1/

heres the gist:

$("#button").click(function() {
    var total = 0;
    $.each($(".summable") ,function() {
        total += parseInt($(this).val());
    });
    $("#sum").val(total)
});