Общая сумма JQuery

У меня есть сценарий, который суммирует 2 значения. И я планирую добавить больше значений, но сначала мне нужно заставить его работать. Люди сказали мне дать им значение ЧИСЛО, я так и сделал, но теперь это даже не дает результата.

base = 0;
$("#FenceCorners").on("change", function() {
  var total = (base * 100 + $(this).find(":selected").data("price") * 100) / 100; // selector
  $("#yett").val('Total €' + number(total.toFixed(2).replace(/\./g, ','))); // total value
});

$(function() {
  var begin = 720; // standard value (start value)
  $("#yett").val('Total €' + number(begin.toFixed(2).replace(/\./g, ','))); // total value
});

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name = "iFenceCorners" id = "FenceCorners" class = "AutosubmitCalculator" tabindex = "3">
  <option value = "0" selected = "selected" data-price = "00.00">Geen hoeken</option>
  <option value = "1" data-price = "20.00">1 hoek</option>
  <option value = "2" data-price = "40.00">2 hoeken</option>
  <option value = "3" data-price = "60.00">3 hoeken</option>
  <option value = "4" data-price = "80.00">4 hoeken</option>
  <option value = "5" data-price = "100.00">5 hoeken</option>
  <option value = "6" data-price = "120.00">6 hoeken</option>
  <option value = "7" data-price = "140.00">7 hoeken</option>
  <option value = "8" data-price = "160.00">8 hoeken</option>
  <option value = "9" data-price = "180.00">9 hoeken</option>
  <option value = "10" data-price = "200.00">10 hoeken</option>
</select>

<div class = "SummaryRow">
  <h1><input type = "yeets" name = "_mdjm_event_cost" id = "yett" class = "mdjm-input-currency required" readonly = "readonly" value = "" placeholder = "Totaal €0.00" style = "height: 100px; width: 275px; margin-top: -40px; color: black; font-weight: bold;" />
  </h1>
</div>

Идея заключалась в том, что у меня было стандартное значение 720, и я позволил селектору добавить к нему значение, суммировать его и распечатать это на выходе.

Не могли бы вы добавить свой HTML-код к вопросу, чтобы мы могли увидеть рабочий пример проблемы.

— 17.12.2018 12:39

@rorymccrossan Добавлено!

— 17.12.2018 12:41

Обратите внимание, что number должен быть Number. Также input type = "yeets" недействителен.

— 17.12.2018 12:43

с какой проблемой вы столкнулись?

— 17.12.2018 12:45

jquery input output

17.12.2018 12:37

Как конвертировать HTML в PDF с помощью jsPDF

В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

замените input type = "yeets" на input type = "text", потому что yeets не является типом ввода html.

вместо этой строки // $("#yett").val('Total €' + number(total.toFixed(2).replace(/\./g, ','))); попробуйте эту $("#yett").val('Total €' + total.toFixed(2));, потому что number не определен.

Вместо этого $("#yett").val('Total €' + number(begin.toFixed(2).replace(/\./g, ','))); попробуйте этот $("#yett").val('Total €' + begin.toFixed(2));, потому что здесь также не определен number.

$(document).ready(function(){
base = 0;
$("#FenceCorners").on("change", function() {
  var total = (base * 100 + $(this).find(":selected").data("price") * 100) / 100; // selector
 
 // $("#yett").val('Total €' + number(total.toFixed(2).replace(/\./g, ','))); // total value
   $("#yett").val('Total €' + total.toFixed(2));
});

$(function() {
  var begin = 720; // standard value (start value)
  $("#yett").val('Total €' + begin.toFixed(2)); // total value
});
});

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<div class = "SummaryRow">
<h1><input type = "text" name = "_mdjm_event_cost" id = "yett" class = "mdjm-input-currency required"  value = "" placeholder = "Totaal €0.00" style = "
  height: 100px;
  width: 275px;
  margin-top: -40px;
  color: black;
  font-weight: bold;"/>
</h1>
</div>
<select name = "iFenceCorners" id = "FenceCorners" class = "AutosubmitCalculator" tabindex = "3">
  <option value = "0" selected = "selected" data-price = "00.00">Geen hoeken</option>
  <option value = "1" data-price = "20.00">1 hoek</option><option value = "2" data-price = "40.00">2 hoeken</option><option value = "3" data-price = "60.00">3 hoeken</option><option value = "4" data-price = "80.00">4 hoeken</option>
  <option value = "5" data-price = "100.00">5 hoeken</option><option value = "6" data-price = "120.00">6 hoeken</option><option value = "7" data-price = "140.00">7 hoeken</option><option value = "8" data-price = "160.00">8 hoeken</option>
  <option value = "9" data-price = "180.00">9 hoeken</option><option value = "10" data-price = "200.00">10 hoeken</option>
</select>

Эй, Удхай, спасибо за твой ответ. Но это показывает 2 разных выхода. И английский не мой родной язык, но разве сумма не означает, что 2 значения складываются вместе? И это была моя цель. (Если я спросил неправильно, извините, и я отмечу ваш ответ как правильный)

— 17.12.2018 13:43

у вас есть два селектора, чтобы суммировать значения или обновить вопрос, что именно вы хотите?

— 18.12.2018 05:37

Я имел в виду, что хотел, чтобы значение селектора добавлялось к общему значению. Разве я не правильно спросил? Если да, то что я должен спросить?

— 18.12.2018 09:22

Если предыдущее значение было 20, то при выборе нового значения оно будет суммировано с предыдущим значением. Например: - Пред. Всего: 720, если вы выберете 20, то итого должно быть 740 .. Могу я исправить

— 18.12.2018 09:28

@ J.Coderino Я создал проверку ожидаемого результата здесь jsfiddle.net/z4v5r09s

— 18.12.2018 10:09

17.12.2018 12:53