Javascript計算器無法正常運行

Question

我有這個計算器http://jsfiddle.net/DPqXE/

的HTML

<p>With numbers &rarr; 
<input id="mli" name="mli" style="width:50px;" type="text" />&nbsp;ml.</p>
<p>
With numbers &rarr; <input id="sprying" name="sprying" style="width:50px;" type="text" />&nbsp;time/s</p>
<p>
How often&rarr; <select id="week" name="week"><option value="4.3">1</option><option value="8.6">2</option><option value="12.9">3</option><option value="17.2">4</option><option value="21.5">5</option><option value="24.8">6</option><option value="30.1">7</option></select>
<p>
Total: <span id="total">&bull;&bull;</span> months</p>

JS

$(document).ready(function() {
$('#sprying').keyup(function(ev){
    var total = Math.round((
    ($('#mli').val() * 14.7) / ($('#sprying').val() * $( "#week option:selected" ).val() )));
    $('#total').html(total);
});
});

但是我有一個問題：當我在輸入字段中鍵入一些數字時，會計算出總數，但是當我從選擇字段中選擇時，什么也不會發生。

然后，如果我編輯前兩個字段，則可以正確計算結果。

非常感謝

Answer 1

為什么會這樣，您只聽鍵控。

bind keyup和change ，例如：

$(document).ready(function() {
    $('#sprying').keyup(updateTotals);
    $('#week').change(updateTotals);
    function updateTotals(){
        var total = Math.round((
        ($('#mli').val() * 14.7) / ($('#sprying').val() * $( "#week option:selected" ).val() )));
        $('#total').html(total);
    }
});

演示： http ： //jsfiddle.net/DPqXE/1/

Answer 2

您只分配了.keyup() ，也分配了.change()

將其添加到$(document).ready(function() {..}

$('#week').change(function(ev){
    //....
});