Jquery 下拉列表的实时计算

演示：

需要在total div中包含两个选择框的总和

试试看

$("#one,#two").change(function(){
    var val1 = parseInt($('#one').val()) || 0, val2 = parseInt($('#two').val()) || 0;
    $('#total').text(val1 + val2)
})

演示：

试试看

$("#one,#two").change(function(){
    var val1 = parseInt($('#one').val()) || 0, val2 = parseInt($('#two').val()) || 0;
    $('#total').text(val1 + val2)
})

演示：

及

改变

second.html(html.join());

到

在

及

改变

second.html(html.join());

到

在

检查一下我的小提琴

检查一下我的小提琴

second.html(html.join()).change();

$("#one").change(function () {
    var first = $(this),
        second = $("#two"),
        key = first.val(),
        // instead of the original switch code
        vals = data[key] == undefined ? data.base : data[key],
        html = [];
    // create insert html before adding
    $.each(vals, function (i, val) {
        var v = val.split('_');
        html.push('<option value="' + v[1] + '">' + v[0] + '</option>')
    });
    // no need to empty the element before adding the new content
    second.html(html.join()).change(); //added .change()  here
});

$("#one,#two").change(function() {
    $('#total').text(parseInt($("#one").val()) + parseInt($("#two").val()))
});