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

сумма нескольких select
Rasy,
минимизировал
<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <script data-require="jquery@3.0.0" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script>
$(function(){
    var $sel = $('select'), sum;
    $sel.on('change', function (e) {
        sum = [].reduce.call($sel,function(a, b) {
          return a + +b.value;
        },0);
  	    $('#price').text(sum);
    });
});
    </script>
  </head>

  <body>
    <div id="price">0</div>
    <select class="form-control " id="id1">
      <option value="0">Select:</option>
      <option value="110">110 Euro</option>
      <option value="120">120 Euro</option>
      <option value="130">130 Euro</option>
    </select>
    <select class="form-control " id="id2">
      <option value="0">Select:</option>
      <option value="10">10  Euro</option>
      <option value="20">20 Euro</option>
      <option value="30">30 Euro</option>
    </select>
    <select class="form-control " id="id3">
      <option value="0">Select:</option>
      <option value="210">210  Euro</option>
      <option value="220">220 Euro</option>
      <option value="230">230 Euro</option>
    </select>
  </body>

</html>
Ответить с цитированием