Форум

CraftLawrence · #1 (**permalink**) 08.12.2014, 20:26

Доброго вечера. Нашел калькулятор стоимости, который по клику на кнопку собирает введенные данные (пару параметров из выпадающих списков, цифру в поле для ввода) и рассчитывает стоимость поездки. Корректирую его под себя, но считать не хочет ни в какую. В чем может быть дело? Как вывести результат там внизу кода вместо "0 рублей"?

p.s. jquery.min.js и jquery.numeric.js подключил

<script>
$(document).ready(function()
{
  $('#count_inp').numeric()
  function count(){

    var transport=$('#transpot option:selected').val();
    var format=$('#format option:selected').val();
    var time=$('#time option:selected').val();
    var km=$('#count_inp').val();
    if ($.isNumeric(km))
    {
      var result=(transport+format+time)*km;//формула для расчета
      $('#result p').html(result+' Рублей');
    }else{
      $('#result p').html('Укажите расстояние');//если в поле расстояние введены не цифры
    }
    
  }
  $( "#process_all_b" ).click(function() {count()});
});
</script>

<div id="calc_div">
<div id="paper_div"><p class="c">
  Выбор траспорта <br>
  <select id="transpot" >
    <optgroup label="Картон:">
      <option value="2">Автобус 
      <option value="3">Микроавтобус
      <option value="4">Автомобиль 
      
    </optgroup>
      </select>
</div>

<div><p class="c">
  Формат поездки <br>
  <select id="format">
    <option value="2">Трансфер 
    <option value="3">Свадьба 
    <option value="4">Экскурсия
    <option value="5">Доставка сотрудников 
    <option value="6">Тур поездка 
      </select>
</div>

<div id="kraska_div"><p class="c">
  Примерное время ренды <br>
  <select id="time">
    <option value="1">1 час
    <option value="2">2 часа
    <option value="3">3 часа
    <option value="4">4 часа
    <option value="5">5 часов
    <option value="7">более 7 часов
    <option value="12">более 12 часов
  </select>
</div>

<div id="quantity_div"><p class="c">
  Сколько километров <br>
  <input type="text" id="count_inp"><br>
</div>

<div id="final_div">
  <p class="c"><button id="process_all_b" >Посчитать</button><br></p>
  <div id="result"><p class="c">0 Рублей</p></div>
</div>
</div>

рони · #2 (**permalink**) 08.12.2014, 21:06

CraftLawrence,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>$(function() {
    function count() {
        var transport = +$("#transpot").val();
        var format = +$("#format").val();
        var time = +$("#time").val();
        var km = +$("#count_inp").val() || 0;
        if (km) {
            var result = (transport + format + time) * km;
            $("#result p").html(result + " Рублей")
        } else $("#result p").html("Укажите расстояние")
    }
    var s = $("#process_all_b");
    s.click(count)
});
  </script>
</head>

<body>
<div id="calc_div">
<div id="paper_div"><p class="c">
  Выбор траспорта <br>
  <select id="transpot" >
    <optgroup label="Картон:">
      <option value="2">Автобус
      <option value="3">Микроавтобус
      <option value="4">Автомобиль

    </optgroup>
      </select>
</div>

<div><p class="c">
  Формат поездки <br>
  <select id="format">
    <option value="2">Трансфер
    <option value="3">Свадьба
    <option value="4">Экскурсия
    <option value="5">Доставка сотрудников
    <option value="6">Тур поездка
      </select>
</div>

<div id="kraska_div"><p class="c">
  Примерное время ренды <br>
  <select id="time">
    <option value="1">1 час
    <option value="2">2 часа
    <option value="3">3 часа
    <option value="4">4 часа
    <option value="5">5 часов
    <option value="7">более 7 часов
    <option value="12">более 12 часов
  </select>
</div>

<div id="quantity_div"><p class="c">
  Сколько километров <br>
  <input type="text" id="count_inp"><br>
</div>

<div id="final_div">
  <p class="c"><button id="process_all_b" >Посчитать</button><br></p>
  <div id="result"><p class="c">0 Рублей</p></div>
</div>
</div>
</body>

</html>

CraftLawrence · #3 (**permalink**) 08.12.2014, 21:24

Сообщение от рони

CraftLawrence,

И не лень вам было?) Огромное спасибо! Сейчас буду разбирать, почему не работало у меня)
Выручили, правда.

Форум

Справочник

Discord чат

Курсы javascript