Показать сообщение отдельно
  #5 (permalink)  
Старый 22.01.2017, 01:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

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>
Ответить с цитированием