Javascript 简单jquery下拉字段更新

Javascript 简单jquery下拉字段更新,javascript,jquery,Javascript,Jquery,我不熟悉jQuery 我有一个下拉字段和输入字段。每次我更改下拉字段时,所选下拉字段中的值都需要在total中自动更新 仅当我在输入字段中输入内容时,该值才会更改。我用.change对它进行了测试,但它不起作用 $(函数(){ $('input').keyup(函数(){//在值更改时运行 var firstValue=parseFloat($('#id|u营业额').val())| 0;//获取字段的值 var secondValue=parseFloat($('#id_invoinced'

我不熟悉jQuery

我有一个下拉字段和输入字段。每次我更改下拉字段时,所选
下拉字段中的值都需要在
total
中自动更新

仅当我在输入字段中输入内容时,该值才会更改。我用
.change
对它进行了测试,但它不起作用

$(函数(){
$('input').keyup(函数(){//在值更改时运行
var firstValue=parseFloat($('#id|u营业额').val())| 0;//获取字段的值
var secondValue=parseFloat($('#id_invoinced').val())| | 0;//将其转换为浮点数
var thirdValue=parseFloat($('#id_collected').val())| 0;
var fourthValue=parseFloat($('#id_otherfield').val())| 0;
var total=firstValue+secondValue+thirdValue;//将它们相加
$('#added').html(总计);//输出它
$('#added2').html(total+fourthValue);//添加它们并输出
});
});

库兹基特
测试
泰特苏尔
全部的

总+随机场

在多个元素上添加多个事件。您的结账
错误

$('input, select').on('input change', function() { 
// run anytime the value changes
    updateTotals()
});

function updateTotals() {
    var firstValue = parseFloat($('#id_turnover').val()) || 0; // get value of field
    var secondValue = parseFloat($('#id_invoiced').val()) || 0; // convert it to a float
    var thirdValue = parseFloat($('#id_collected').val()) || 0;
    var fourthValue = parseFloat($('#id_otherfield').val()) || 0;

    var total = firstValue + secondValue + thirdValue; // add them together

    $('#added').text(total); // output it

    $('#added2').text(total + fourthValue); // add them and output it
}
$('input,select')。在('input change',function(){//上,只要值发生更改,就可以运行
updateTotals()
});
函数updateTotals(){
var firstValue=parseFloat($('#id|u营业额').val())| 0;//获取字段的值
var secondValue=parseFloat($('#id_invoinced').val())| | 0;//将其转换为浮点数
var thirdValue=parseFloat($('#id_collected').val())| 0;
var fourthValue=parseFloat($('#id_otherfield').val())| 0;
var total=firstValue+secondValue+thirdValue;//将它们相加
$(“#添加”).text(总计);//输出它
$('#added2').text(total+fourthValue);//添加它们并输出
}
*{
浮动:左;
清除:左;
利润率:10px0;
}
#容器{
明确:两者皆有;
利润率:10px0;
}
#集装箱2{
明确:两者皆有;
利润率:10px0;
}

库兹基特
测试
泰特苏尔
全部的
总+随机场