Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Помогите мне сложить результаты функций! Пожалуйста (https://javascript.ru/forum/misc/66983-pomogite-mne-slozhit-rezultaty-funkcijj-pozhalujjsta.html)

vi_khan 21.01.2017 20:18
Помогите мне сложить результаты функций! Пожалуйста
 
<script type="text/javascript">
function changeText(){
 var rezultat1 = 0;
 var odin = document.getElementById('odin').value;
 var spisok = document.getElementById('spisok').options[document.getElementById('spisok').selectedIndex].value;
 rezultat1 = parseFloat(odin);
 rezultat1 *= parseFloat(spisok); 
 document.getElementById('rezultat1').innerHTML = rezultat1;
}
function changeText1(){
 var rezultat2 = 0;
 var dva = document.getElementById('dva').value;
 var spisok1 = document.getElementById('spisok1').options[document.getElementById('spisok1').selectedIndex].value;
 rezultat2 = parseFloat(dva);
 rezultat2 *= parseFloat(spisok1); 
 document.getElementById('rezultat2').innerHTML = rezultat2;
}

</script>


<form onsubmit="return false;">
<select id="spisok" onchange="changeText()">
<option value="23">	Тарталетки с грибами 	</option>
<option value="35">	Тарталетки с паштетом	</option>
<option value="177">	Ассорти рыбное 	</option>
<option value="110">	Ассорти мясное 	</option>
<option value="98">	Ассорти овощное 	</option>
<option value="50">	Закуска к водочке 	</option>
<option value="40">	Сельдь, соленая с луком	</option>
<option value="115">	Бутерброд с икрой лососевой	</option>
<option value="51">	Бутерброд с рыбой 	</option>
<option value="36">	Бутерброд со шпротами 	</option>
<option value="27">	Помидоры по -гречески 	</option>
<option value="120">	Грузди со сметанной	</option>
<option value="60">	Канапе с сыром и виноградом	</option>
<option value="80">	Помидоры фаршированные грибами	</option>
<option value="40">	Сало соленное с хреном	</option>
<option value="179">	Блинчики с икрой лососевой	</option>
<option value="106">	Холодец	</option>
<option value="52">	Тарталетки с икрой	</option>
<option value="35">	Закуска русская 	</option>
</select>
<input id="odin" type="number" value="1" oninput="changeText()">  = <output id="rezultat1">1</output> тг

<select id="spisok1" onchange="changeText1()">
<option value="23">	Тарталетки с грибами 	</option>
<option value="35">	Тарталетки с паштетом	</option>
<option value="177">	Ассорти рыбное 	</option>
<option value="110">	Ассорти мясное 	</option>
<option value="98">	Ассорти овощное 	</option>
<option value="50">	Закуска к водочке 	</option>
<option value="40">	Сельдь, соленая с луком	</option>
<option value="115">	Бутерброд с икрой лососевой	</option>
<option value="51">	Бутерброд с рыбой 	</option>
<option value="36">	Бутерброд со шпротами 	</option>
<option value="27">	Помидоры по -гречески 	</option>
<option value="120">	Грузди со сметанной	</option>
<option value="60">	Канапе с сыром и виноградом	</option>
<option value="80">	Помидоры фаршированные грибами	</option>
<option value="40">	Сало соленное с хреном	</option>
<option value="179">	Блинчики с икрой лососевой	</option>
<option value="106">	Холодец	</option>
<option value="52">	Тарталетки с икрой	</option>
<option value="35">	Закуска русская 	</option>
</select>
<input id="dva" type="number" value="1" oninput="changeText()">  = <output id="rezultat2">1</output> тг
</form>

рони 22.01.2017 00:22
vi_khan,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

vi_khan 22.01.2017 00:40
Так правильно?

vi_khan 22.01.2017 00:42
Исправила!

рони 22.01.2017 01:14
vi_khan,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>

  <script>
window.addEventListener('DOMContentLoaded', function() {
  var form = document.querySelector('form'),
  select = form.querySelectorAll('.spisok'),
  num = form.querySelectorAll('.num'),
  out = form.querySelectorAll('.rezultat'),
  rez = document.querySelector('.rez');
  function calc()
  {
    rez.innerHTML = [].reduce.call( select, function(sum, el, i) {
         var val = +el.value || 0;
         amount = +num[i].value || 1;
         var rezult = val * amount ;
         out[i].innerHTML =  rezult;
         return sum + rezult;
     },0);
  }
  form.addEventListener('change', calc, false);
  form.addEventListener('input', calc, false);
  calc()
    });
  </script>
</head>

<body>
<form onsubmit="return false;">
<select class="spisok" >
<option value="23">    Тарталетки с грибами     </option>
<option value="35">    Тарталетки с паштетом    </option>
<option value="177">    Ассорти рыбное     </option>
<option value="110">    Ассорти мясное     </option>
<option value="98">    Ассорти овощное     </option>
<option value="50">    Закуска к водочке     </option>
<option value="40">    Сельдь, соленая с луком    </option>
<option value="115">    Бутерброд с икрой лососевой    </option>
<option value="51">    Бутерброд с рыбой     </option>
<option value="36">    Бутерброд со шпротами     </option>
<option value="27">    Помидоры по -гречески     </option>
<option value="120">    Грузди со сметанной    </option>
<option value="60">    Канапе с сыром и виноградом    </option>
<option value="80">    Помидоры фаршированные грибами    </option>
<option value="40">    Сало соленное с хреном    </option>
<option value="179">    Блинчики с икрой лососевой    </option>
<option value="106">    Холодец    </option>
<option value="52">    Тарталетки с икрой    </option>
<option value="35">    Закуска русская     </option>
</select>
<input class="num" type="number" value="1" >  = <output class="rezultat"></output> тг

<select class="spisok" >
<option value="23">    Тарталетки с грибами     </option>
<option value="35">    Тарталетки с паштетом    </option>
<option value="177">    Ассорти рыбное     </option>
<option value="110">    Ассорти мясное     </option>
<option value="98">    Ассорти овощное     </option>
<option value="50">    Закуска к водочке     </option>
<option value="40">    Сельдь, соленая с луком    </option>
<option value="115">    Бутерброд с икрой лососевой    </option>
<option value="51">    Бутерброд с рыбой     </option>
<option value="36">    Бутерброд со шпротами     </option>
<option value="27">    Помидоры по -гречески     </option>
<option value="120">    Грузди со сметанной    </option>
<option value="60">    Канапе с сыром и виноградом    </option>
<option value="80">    Помидоры фаршированные грибами    </option>
<option value="40">    Сало соленное с хреном    </option>
<option value="179">    Блинчики с икрой лососевой    </option>
<option value="106">    Холодец    </option>
<option value="52">    Тарталетки с икрой    </option>
<option value="35">    Закуска русская     </option>
</select>
<input class="num" type="number" value="1" >  = <output class="rezultat"></output> тг

</form>
<div class="rez"></div>

</body>
</html>

vi_khan 22.01.2017 22:24
Спасибо!!! Все работает, только вот другие формы не вставить(((

рони 22.01.2017 22:30
Цитата:
Сообщение от vi_khan
только вот другие формы не вставить(((
а зачем другие? одной мало?


Часовой пояс GMT +3, время: 11:35.