Добрый день. Буду благодарен за любую помощь.
Хочу создать что то наподобие калькулятора для сайта, чтобы при выборе из выпадающего списка и введении двух значений(Длина и Ширина) выводился результат по формуле.
Т.е если A - длина, B - ширина, а C и D- значение из выпадающего списка, то формула приобретает примерно такой вид ((A*B/10000*C)+D)
где заранее известно что:
C=4214,83
D=607,46
И у каждого объекта из выпадающего списка они будут свои.
А значения A и B нужно вводить вручную в текстовом поле.
Но так как в JS я дуб дубом, то дальше этого не продвинулся:
<!DOCTYPE html>
<html>
<head>
<title>Подсчет стоимости изделий из жидкого камня</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<body>
<b>Тип изделия:</b><br/>
<select onchange="calc()" id="ProductType">
<option value="0">Выбрать</option>
<option value="6720">Столешница</option>
<option value="4450">Стеновая панель</option>
<option value="6720">Барная стойка</option>
<option value="6720">Подоконник</option>
<option value="920">Отбойник</option>
<option value="10200">Мойка</option>
</select>
Длина: <input type="text" id="VaueLen" value="1" onkeyup="calc()" /> см.
Ширина: <input type="text" id="ValueWid" value="1" onkeyup="calc()" /> см.
<div>Цена: <span id="result">0</span> руб.</div>
</body>
<script type="text/javascript">
/*
* Функция подсчета стоимости изделий из жидкого камня
*/
function calc() {
//получаем ссылку на элемент Select (Тип изделия)
var ProductType = document.getElementById('ProductType');
var cvet = document.getElementById('cvet');
//получаем ссылку на элемент input (Размеры)
var VaueLen = document.getElementById('VaueLen');
var VaueWid = document.getElementById('VaueWid');
//получаем ссылку на элемент span, в него будем писать стоимость
var result = document.getElementById('result');
var price = 0;
price += parseInt(ProductType.options[ProductType.selectedIndex].value);
//price += (is_html.checked == true) ? parseInt(is_html.value) : 0;
price = parseInt(VaueLen.value) * price;
result.innerHTML = price;
}
</script>
</html>
