Суммирование входных данных формы и отправка итогов с формой

Question

Суммирование входных данных формы и отправка итогов с формой

0

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

Я работаю так, чтобы общее количество отображалось и обновлялось, но общая сумма никогда не представлялась вместе с формой.

Если я изменю его из типа, скрытого для ввода текста, и вручную изменим общее количество и отправлю форму, общее количество будет отправлено. Но если сумма автоматически изменится с помощью JavaScript, она не представит ее с формой.

Abdelrahman M. Allam 30 дек. 2015, в 23:57

Источник

0

Нужно увидеть всю форму и код, который делает http запрос. Я подозреваю, что, поскольку вы рассчитываете с использованием vanilla JS, Angular не знает об изменениях, и это может быть частью вашей проблемы.
Shaun Scovil 30 дек. 2015, в 22:18
0

Но вы не используете AngularJS со своим кодом,
Abdelrahman M. Allam 30 дек. 2015, в 22:19

Теги:

javascript

angularjs

mean-stack

mongodb

1 ответ

Ещё вопросы

Нужно увидеть всю форму и код, который делает http запрос. Я подозреваю, что, поскольку вы рассчитываете с использованием vanilla JS, Angular не знает об изменениях, и это может быть частью вашей проблемы.
Но вы не используете AngularJS со своим кодом,

Abdelrahman M. Allam · Accepted Answer · 2015-12-30T21-17-00.000Z

Чтобы воспользоваться использованием AngularJS, вам необходимо использовать контроллер и двухстороннюю привязку. Пример:

app.controller('appCtrl', function(){
      $scope.total = 0;
      $scope.annual = 0;
    $scope.totalkWh = function totalkWh()
    {
        total = 0;
        var months = document.getElementsByName('kWh');

        for (var i = 0; i < months.length; i++)
        {
           total += parseInt(months[i].value) || 0;
        }
         $scope.total = "Total Annual Usage: " + total + " kWh";
         $scope.annual = total;
   }
})

и ваше мнение будет чем-то вроде

<input type="hidden" data-ng-model="annual" value="{{ value }}" data-ng-required="false">
<div>{{total}}</div>

Я надеюсь, что это поможет

Я отредактирую этот код, если вы не сделаете этого, ваше скрытое поле не получит значение <input type="hidden" data-ng-model="annual" value="{{ annual }}" data-ng-required="false">