我怎样才能使这个下拉计算工作？

Question

我对 javascript 还很陌生，我正在尝试根据其他下拉值计算一个值。

所以有三个下拉菜单，一个是开始时间，一个是结束时间，一个是休息时间。总工作时间有第四个输入字段。现在，这是一个手动字段，但我打算让这个字段自动输入计算时间的值。

该页面是在 wordpress 中构建的，带有gravityforms。

最初，我尝试使用 jQuery 散列来检索值，但是没有用，所以现在我使用了 Document.getElementById。

function CalcTime()

{

    var time1 = Document.getElementById('input_16_2').value();

    var time2 = Document.getElementById('input_16_3').value();

    var time3 = Document.getElementById('input_16_4').value();

    var time1 = time1.split(':');

    var time2 = time2.split(':');

    var time3 = time3.split(':');

    var hours1 = parseInt(time1[0], 10),

        hours2 = parseInt(time2[0], 10),

        hours3 = parseInt(time3[0], 10),

        mins1 = parseInt(time1[1], 10),

        mins2 = parseInt(time2[1], 10),

        mins3 = parseInt(time3[1], 10);

    var hours = hours2 - hours1 - hours3;

    var mins = 0;

    if(mins2 >= mins1) {

        mins = mins2 - mins1 - mins3;

    }

    else {

        mins = (mins2 + 60) - mins1;

        hours--;

    }

    if(mins < 9)

    {

        mins = '0'+mins;

    }

    if(hours < 9)

    {

        hours = '0'+hours;

    }

    $("#time_duration").val(hours+':'+mins);

    Document.getElementById('input_16_5').value = $("#time_duration").val;

}

var showTime = Document.getElementById('input_16_5').value();

Document.getElementById('input_16_4').on("click", CalcTime)

{

    showTime.show();

}

使用控制台时，它说我不能Document.getElementById用作函数，我明白，但是，我不知道我能做些什么来使它工作。