从选择框中获取值,并使用jQuery添加到总计

从选择框中获取值,并使用jQuery添加到总计,jquery,Jquery,我已经成功地启动并运行了这段代码,简而言之,它根据房子的大小计算出了打扫房子的总价格。现在我想添加第二个选项:选择一天中所需的时间,但我不确定如何继续并连接两个不同的表单元素 这就是我的代码现在的样子: $(document).ready(function(){ $("#order").on('input', function(){ var kvm2 = parseInt($('#kvm2').val()) || 0; var min_price = 2

我已经成功地启动并运行了这段代码,简而言之,它根据房子的大小计算出了打扫房子的总价格。现在我想添加第二个选项:选择一天中所需的时间,但我不确定如何继续并连接两个不同的表单元素

这就是我的代码现在的样子:

$(document).ready(function(){

    $("#order").on('input', function(){
        var kvm2 = parseInt($('#kvm2').val()) || 0;
        var min_price = 299;
        var kvm2_price;
        if(kvm2 > 100) {
            kvm2_price = 6;
        }
        if(kvm2 > 200) {
            kvm2_price = 4;
        }       
        if(kvm2 <= 100) {
            kvm2_price = 7;
        }
        var total = (kvm2_price * kvm2).toFixed(2);
        if(total < min_price) {
            $('#total').html(min_price);
        }
        else {
            $('#total').html(total);
        }
    }); 
});
$(文档).ready(函数(){
$(“#order”).on('input',function(){
var kvm2=parseInt($('#kvm2').val())| 0;
var最小价格=299;
var kvm2_价格;
如果(kvm2>100){
kvm2_价格=6;
}
如果(kvm2>200){
kvm2_价格=4;
}       

如果(kvm2将total声明为全局值,然后在第二个函数中添加到total,并更新元素中的值。为简单起见,下面的代码只给出total的初始值,就像第一个函数已经运行一样。然后,选择一个时间段,并添加额外的费用,并显示在
total
元素中。注意-您需要将total变量保留为第一个函数的输出,否则如果用户多次更改time选项,total将继续增加

var总计=100;
/*$(“#order”).on('input',function(){
var kvm2=parseInt($('#kvm2').val())| 0;
var最小价格=299;
var kvm2_价格;
如果(kvm2>100){
kvm2_价格=6;
}
如果(kvm2>200){
kvm2_价格=4;
}

如果(kvm2这里使用jsfiddle

**HTML**
小计:200
达吉德(08-15)0公里
福米达格(12-15)39kr
艾特尔米达(16-18)39kr
克维尔德(19-24)129kr
提交
总数:
**JS**
$(“#订单”)。在('click',function()上{
var subtotal=parseFloat($('#subtotal>span').text();
var timeSlot=parseFloat($('select[name=“timeSlot”]option:selected').val();
$('#grandTotal>span').html(小计+时隙);
}); 

非常感谢。这很有道理!
 <select name="timeslot" class="form-control form-control-lg">
    <option value="1">Dagtid (08 - 15) 0kr</option>
    <option value="2">Formiddag (12 - 15) 39kr</option>
    <option value="3">Ettermiddag (16 - 18) 39kr</option>
    <option value="4">Kveld (19 - 24) 129kr</option>
  </select>
**HTML**
<div id="subTotal">SubTotal: <span>200</span></div>
<select name="timeslot" class="form-control form-control-lg">
    <option value="0">Dagtid (08 - 15) 0kr</option>
    <option value="39">Formiddag (12 - 15) 39kr</option>
    <option value="39">Ettermiddag (16 - 18) 39kr</option>
    <option value="129">Kveld (19 - 24) 129kr</option>
</select>

<button type="button" id="order" value="submit" >Submit</button>

<div id="grandTotal">Total: <span></span></div>


**JS**
$("#order").on('click', function(){
    var subtotal = parseFloat($('#subTotal > span').text());
    var timeSlot = parseFloat($('select[name="timeslot"] option:selected').val());

    $('#grandTotal > span').html( subtotal + timeSlot);
});