Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery在下拉选择中乘以两个值_Javascript_Jquery_Html_Wordpress_Contact Form 7 - Fatal编程技术网

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

Javascript jQuery在下拉选择中乘以两个值,javascript,jquery,html,wordpress,contact-form-7,Javascript,Jquery,Html,Wordpress,Contact Form 7,嗨,我有一个代码,一旦你选择下降值的价格字段更新位 从下拉价格中选择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 = parseI

嗨,我有一个代码,一旦你选择下降值的价格字段更新位

从下拉价格中选择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');

        });

    });
如果价格和总价都不显示,那么在jsfiddle链接上明确显示时,原始代码不起作用

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

总结:需要让总数正常工作


注意:在Wordpress上与联系人form 7插件一起使用此插件可以在此处看到

在每行末尾使用分号

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

在每行末尾使用分号

 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');
在每个变量的末尾使用分号(;),或者用逗号分隔一个变量

var price = $('#price').val(),  
    quantity = $('#payslips-required').val(),   
    total = price * quantity;
在每个变量的末尾使用分号(;),或者用逗号分隔一个变量

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

你没有在第一行和第二行后面使用分号解析float()你的值不是一个好的做法吗?在你的页面(和你的提琴)上,“需要工资单”在下拉列表中计算总金额。我在你的问题中遗漏了什么?@nnnn我根据KhanSharp提供的答案更新了页面。所以它现在起作用了。你没有在第一行和第二行后面使用分号。解析float()你的值不是一个好的做法吗?在你的页面(和你的提琴)上,“需要工资单”在下拉列表中计算总金额。我在你的问题中遗漏了什么?@nnnn我根据KhanSharp提供的答案更新了页面。那么它现在能用了。为什么要修复它呢?分号在JavaScript中(可以说)是一种很好的做法,但它们也是(半)可选的-如果您检查OP的小提琴,可以看到它在没有分号的情况下工作。@nnnnnn他提供的答案非常有效,这是因为缺少了分号semicolons@addy88-我刚刚又看了一眼你的(现已修复)页面。分号之所以固定了它,是因为在每条语句之后没有回车符,它们都在一条长线上(中间有一些制表符)。在我之前的评论中,我说过分号是“(半)可选的”-分号不是可选的情况之一是当同一行上有多条语句时。(在你的小提琴中,语句是分开的,这就是为什么它不用分号的原因。)为什么这样可以解决它?分号在JavaScript中(可以说)是一种很好的做法,但它们也是(半)可选的-如果您检查OP的小提琴,可以看到它在没有分号的情况下工作。@nnnnnn他提供的答案非常有效,这是因为缺少了分号semicolons@addy88-我刚刚又看了一眼你的(现已修复)页面。分号之所以固定了它,是因为在每条语句之后没有回车符,它们都在一条长线上(中间有一些制表符)。在我之前的评论中,我说过分号是“(半)可选的”-分号不是可选的情况之一是当同一行上有多条语句时。(在你的小提琴中,语句是分开的,这就是为什么它不使用分号。)