Задача следующая:
есть 3 инпута, var_1, var_2, sum. В первый ввожу число 5, в другой ввожу число 3, в третьем выводится сума значений первых двух инпутов.
Нужно сделать так, что бы сумма, выводилась в третий инпут без обновления страницы.
Спасибо за внимание.
Спустя 15 часов, 23 минуты, 52 секунды (20.01.2011 - 09:46) Michael написал(а):
Интересно что же такого у тебя там написано что выводится с обновлением страницы?
Спустя 2 часа, 6 минут, 36 секунд (20.01.2011 - 11:52) vergin написал(а):
прикрепляешь к var_1 и var_2 событие onChange, по которому вызываешь функцию сложения чисел и выводишь это в sum
<input type='text' id='var_1' onChange='sum()' />
<input type='text' id='var_2' onChange='sum()' />
<input type='text' id='sum' />
function sum()
{
var var1 = document.getElementById('var_1').value;
var var2 = document.getElementById('var_2').value;
document.getElementById('sum').value = var1 + var2;
}
Спустя 2 минуты, 16 секунд (20.01.2011 - 11:55) RCuPeR написал(а):
Пока ничего, я же обьяснял:
Имеется таблица, в ней три поля ввода. В первое мы вводим число, например 5, в другое вводит тоже число, например 7, далее происходит математическая операция, и в третьем поле, сразу должен вывестись результат.
vergin, сейчас попробую, спасибо, что отписал.
Имеется таблица, в ней три поля ввода. В первое мы вводим число, например 5, в другое вводит тоже число, например 7, далее происходит математическая операция, и в третьем поле, сразу должен вывестись результат.
vergin, сейчас попробую, спасибо, что отписал.
Спустя 52 минуты, 31 секунда (20.01.2011 - 12:47) RCuPeR написал(а):
<td>
<input name="time_spend" id="var_1" onChange='sum()' type="text" title="Количество проведенных часов в месяц" value="">
</td>
<td>
<input name="sum_stud" id="var_2" onChange='sum()' type="text" title="Сумма за одно занятие студента" value="">
</td>
<td>
<input name="sum_prepod" id="var_3" onChange='sum()' type="text" title="Сумма за одно занятие преподавателя" value="">
</td>
<td>
<input name="difference" id="sum" type="text" title="Разница" value="">
</td>
<script type="text/javascript" language="javascript">
function sum()
{
var var1 = document.getElementById('var_1').value;
var var2 = document.getElementById('var_2').value;
var var2 = document.getElementById('var_3').value;
document.getElementById('sum').value = (var_2 + var_3)*var_1;
}
</script>
Пишет "NaN".
Спустя 5 минут, 25 секунд (20.01.2011 - 12:53) RCuPeR написал(а):
Разобрался, спасибо за помощь!
Спустя 28 минут, 23 секунды (20.01.2011 - 13:21) ИНСИ написал(а):
| Цитата |
| var var2 = document.getElementById('var_3').value; |
тут переменную переименуй в var3 .... но вообще, тебе vergin дал готовый вариант ....
Спустя 1 час, 25 минут, 35 секунд (20.01.2011 - 14:47) RCuPeR написал(а):
Да, да. Уже разобрался.
Спустя 1 минута, 13 секунд (20.01.2011 - 14:48) Michael написал(а):
надо преобразовывать в число перед математич. операциями: parseInt/parseFloat
Спустя 5 минут, 22 секунды (20.01.2011 - 14:53) RCuPeR написал(а):
Это как ?
Точнее, как это сделать ?!
Точнее, как это сделать ?!
Спустя 32 минуты, 59 секунд (20.01.2011 - 15:26) Michael написал(а):
var var1 = parseInt(document.getElementById('var_1').value);
Спустя 19 минут, 31 секунда (20.01.2011 - 15:46) RCuPeR написал(а):
Спасибо за замечание. Сейчас сделаю.
_____________
Гнусный социопат с комплексом Бога.