Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   умножить 2 значения (https://javascript.ru/forum/dom-window/16715-umnozhit-2-znacheniya.html)

Yan 19.04.2011 05:51

умножить 2 значения
 
Здравствуйте, помогите пожалуйста, решить небольшую задачку.

Есть 2 select’a


<select size="1" name="tarif">
<option value="tarif1">Тариф 1</option>
<option value=" tarif2">Тариф 2</option>
<option value=" tarif3">Тариф 3</option>
</select>

<select size="1" name="srok">
<option value="1">1 месяц</option>
<option value="2">2 месяца</option>
<option value="3">3 месяца</option>
</select>


Нужно, рассчитать стоимость, умножив значение тарифа на значение месяца и на лету выводить результат.

(если Тариф 1=10, Тариф 2=20, Тариф 3=30)
Примерно, tarif = tarif3, srok=2, то результат "на лету" <div id=’result’>60</div>

В java оооочень плохо разбираюсь, помогите пожалуйста ;)

ksa 19.04.2011 09:11

Как вариант...

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
</style>
<script type="text/javascript">
function Calc() {
	var t=+document.getElementById('tarif').value
	var s=+document.getElementById('srok').value
	document.getElementById('summ').value=t*s
}
</script>
</head>
<body>
<select size="1" id="tarif" onchange='Calc()'>
<option value="0"></option>
<option value="10">Тариф 1</option>
<option value="20">Тариф 2</option>
<option value="30">Тариф 3</option>
</select>
<select size="1" id="srok" onchange='Calc()'>
<option value="0"></option>
<option value="1">1 месяц</option>
<option value="2">2 месяца</option>
<option value="3">3 месяца</option>
</select>
<input type='text' id='summ' />
</body>
</html>

ksa 19.04.2011 09:11

Цитата:

Сообщение от Yan
В java оооочень плохо разбираюсь

Это не java...

Yan 19.04.2011 10:02

ksa, спасибо, очень удобно и понятно, буду пользоваться :victory:

У меня получилось так:
<script type="text/javascript">


function Calc() {
var t=+document.getElementById('tarif').value
var s=+document.getElementById('srok').value
summ=t*s
document.getElementById('summ').innerHTML  = summ

}

</script>

<div id='summ'>10</div>

NoResponse 19.04.2011 10:09

Yan, не обижайтесь, но "срать" в window не есть хорошо
прочтите про var - http://javascript.ru/var

Yan 19.04.2011 10:44

Цитата:

Сообщение от NoResponse (Сообщение 101332)
Yan, не обижайтесь, но "срать" в window не есть хорошо
прочтите про var - http://javascript.ru/var

Глядя на Вашу аватарку, ну как тут не "посрать" в window? мм?

Вы имеете ввиду, что переменные надо использовать с var?
<script type="text/javascript"> 
function Calc() { 
var t=+document.getElementById('tarif').value 
var s=+document.getElementById('srok').value 
var summ=t*s 
document.getElementById('summ').innerHTML  = summ   
} 
	  
</script>

NoResponse 19.04.2011 12:29

да, именно это имелось ввиду, просто запомните что там написано и оно в будущем спасет от возможных проблем
...и я не хотел Вас оскорблять, я лишь хотел "подтолкнуть" в нужном направлении :)
Вам же ненужна глобальная переменная summ, если все таки нужна... тогда - ой

Sweet 19.04.2011 12:48

Тем более, что есть такой момент (не знаю точно где работает, где нет, но он существует:)):
<div id="summ">&nbsp;</div>
<script>
alert(summ);
</script>


Часовой пояс GMT +3, время: 22:57.