Блог

У меня есть поле выбора, в котором отображается список продуктов. Этот список взят из базы данных, все работает. Затем у меня есть функция onchange, которая выдает мне цену этого продукта при выборе товара, и я назначаю ее входу — тоже работал с абзацем(мне это нужно, чтобы функция jquery суммы работала) — все тоже работает. Затем у меня есть входные данные, которые должны дать мне цену * количество, и количество и код работают нормально, за исключением стоимости продукта. Он продолжает отображаться как 0, что означает, что значение остается пустым. Я предполагаю, что это потому, что функция Jquery начинает работать, когда страница загружается, а Javascript-нет. Как я могу изменить его, чтобы каждый раз, когда я изменяю значение «quantidade», общее количество обновлялось? Вот мой код:

 <div class="form-group">
 <label for="nome">Produto</label>
 <select id="produtos" onchange="getPreco()" class="form-control"></select>
</div>
<div class="form-group">
 <label for="morada">Quantidade</label>
 <input id="quantidade" class="form-control">
</div>
<input id="valorpreco" type="hidden">
 

 function getPreco(){
    var idproduto = document.getElementById('produtos').value;
    $.ajax({
      type:'POST',
      data:{func:4, idproduto: idproduto},
      url: "model/modelRegistarReserva.php",
      success: function(resposta){
        document.getElementById('valorpreco').value = resposta;
      }
    });
  }


  $(function(){
    $('#quantidade').keyup(function(){
      var value1 = parseFloat($('#valorpreco').val()) || 0;
      var value2 = parseFloat($('#quantidade').val()) || 0;
      $('#total').val(value1);
      });
  });