Показать сообщение отдельно
  #2 (permalink)  
Старый 08.12.2014, 21:06
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

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