javascript - jQuery 在下拉选择中将两个值相乘

Question

您好，我有一些代码，一旦您选择下降值，价格字段就会更新

从下拉价格中选择 3 个或更多 = 每个 10.99 英镑 2 个价格 = 每个 11.99 英镑 1 个价格 = 每个 12.99 英镑

jQuery(document).ready( function(){

        var map = [ '12.99', '11.99', '10.99' ];

        jQuery('#payslips-required').change(function(){

            var o = parseInt($(this).val()) < 3 ? jQuery(this).val()-1 : 2;

            jQuery('#price').val(map[o]).addClass('hidden');

        });

    });

目前上面的方法有效，但是当我在它旁边添加一个总计字段并修改 jQuery 以计算出总计、价格 x 所选数量时

这是实际示例 http://jsfiddle.net/U92fq/1/哪个有效

但是当我放置添加的代码时

var price = $('#price').val()   
            var quantity = $('#payslips-required').val()    
            var total = price * quantity;
            jQuery('#total').val(total).addClass('hidden');

当价格和总计不显示时，在 jsfiddle 链接上显然可以，进入原始代码不起作用。

只是不明白为什么它不起作用。

摘要:需要使总数发挥作用。

注意:在 WordPress 上使用此功能和 Contact form 7 插件可以在此处查看 http://payslips4u.co.uk/order-monthly-payslips/

Answer 1

每行末尾使用分号

 jQuery('#price').val(map[o]).addClass('hidden');
            var price = $('#price').val();  
            var quantity = $('#payslips-required').val();   
            var total = price * quantity;
            jQuery('#total').val(total).addClass('hidden');