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

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用作函数，我明白，但是，我不知道我能做些什么来使它工作。