Попытка запуска нескольких функций onchange

Я пытаюсь скрыть электронную таблицу excel, где есть несколько зависит от ввода, который выполняет некоторые Calc. и зависит показать суммы в его входных данных. Однако у меня возникли проблемы с их огнем, и некоторые результаты также очень запутаны, пытаясь подключить все эти функции к своим входам. Любая помощь была бы очень признательна.

HTML

<input class="" id="avg-pumping-distance" type="number" value="30000"/>
<br/>


<h3 style="margin: 50px 0 0px;">Output</h3>
<input style="margin: 0px 0 0px;" class="" id="num1" type="number" value="0">
<br/>
<input style="margin: 20px 0 0px;" class="" id="num2" type="number" value="0">
<br/>
<input style="margin: 20px 0 0px;" class="" id="num3" type="number" value="0"> 

Яваскрипт

var ReserveFloatingPipe = function() {
  var val = 100
  var val2 = 4400
  var val3 = 100
  var val4 = (val2 - val3) * val;
  var val5 = val * val4;
  var total = val5 / 1000;
  $('#num1').val(total);
  return total;
};

ReserveFloatingPipe();
// console.log(ReserveFloatingPipe());



var ReserveSubPipe = function() {
  var val = 100
  var val2 = 5400
  var val3 = 100
  var val4 = (val2 - val3) * val;
  var val5 = val * val4;
  var total = val5 / 1000;
  $('#num2').val(total);
  return total;
};

ReserveSubPipe();

var ReserveShorePipe = function() {
  var val = 562
  var val2 = 652
  var val3 = 8500
  var val4 = (val2 - val3) * val;
  var total = val4 / 100;
  $('#num3').val(total);
  return total;
};

ReserveShorePipe();
// console.log(ReserveShorePipe());

document.getElementById("avg-pumping-distance").onchange = (function () {
        ReserveFloatingPipe();
        ReserveSubPipe();
        ReserveShorePipe();
});

1 ответ

  1. Функция on change привязывается к входному элементу «avg-pumping-distance» до его существования. Необходимо привязать функцию к элементу с помощью функции готовности документа.

    $(function(){
            document.getElementById("avg-pumping-distance").onchange = (function () {
                ReserveFloatingPipe();
                ReserveSubPipe();
                ReserveShorePipe();
            });
        });
    

    или

    $(function(){
            $("#avg-pumping-distance").on('change',function(){
                ReserveFloatingPipe();
                ReserveSubPipe();
                ReserveShorePipe();
            });
        });
    

    или

        $( document ).ready(function() {
            document.getElementById("avg-pumping-distance").onchange = (function () {
                ReserveFloatingPipe();
                ReserveSubPipe();
                ReserveShorePipe();
            });
        });
    

    или

        $( document ).ready(function() {
            $("#avg-pumping-distance").on('change',function(){
                ReserveFloatingPipe();
                ReserveSubPipe();
                ReserveShorePipe();
            });
        });