Небольшой калькулятор на сайте
Доброго вечера. Нашел калькулятор стоимости, который по клику на кнопку собирает введенные данные (пару параметров из выпадающих списков, цифру в поле для ввода) и рассчитывает стоимость поездки. Корректирую его под себя, но считать не хочет ни в какую. В чем может быть дело? Как вывести результат там внизу кода вместо "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>
|
CraftLawrence,
:write:
<!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>
|
Цитата:
Выручили, правда. |
| Часовой пояс GMT +3, время: 04:04. |