您好我有一些代码,一旦您选择了下降值,价格字段就会更新
从下拉价格中选择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/
查看答案 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;