jQuery在下拉选择中乘以两个值

时间:2013-09-15 11:59:03

标签: javascript jquery html wordpress contact-form-7

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

从下拉价格中选择3个或更多=每个价格10.99英镑=每个价格11.99英镑每个价格=每个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上使用此联系表单7插件可在此处http://payslips4u.co.uk/order-monthly-payslips/

查看

2 个答案:

答案 0 :(得分:3)

使用每行的分号结尾

 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');

答案 1 :(得分:1)

在每个var的末尾使用分号(;)或者使用逗号分隔放置一个var

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