Форум

Yan · #1 (**permalink**) 19.04.2011, 05:51

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

Есть 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 · #2 (**permalink**) 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 · #3 (**permalink**) 19.04.2011, 09:11

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

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

Это не java...

Yan · #4 (**permalink**) 19.04.2011, 10:02

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

У меня получилось так:

<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 · #5 (**permalink**) 19.04.2011, 10:09

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

Yan · #6 (**permalink**) 19.04.2011, 10:44

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

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 · #7 (**permalink**) 19.04.2011, 12:29

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

Вам же ненужна глобальная переменная summ, если все таки нужна... тогда - ой

Sweet · #8 (**permalink**) 19.04.2011, 12:48

Тем более, что есть такой момент (не знаю точно где работает, где нет, но он существует

):

<div id="summ">&nbsp;</div>
<script>
alert(summ);
</script>

Форум

Справочник

Discord чат

Курсы javascript