<!DOCTYPE html>
<HEAD>
<TITLE>Реакция на событие Change в теге select</TITLE>
<script language="JavaScript">
<!-- //
var s=""
var sum=0
var kall = document.getElementById("kall").value;
var l
function gr(obj,m)
{ var r=15*(Number(((obj.elements[0])[m]).value)+1)
s+=((obj.elements[0])[m]).text+"\r\n"
obj.restext.value=s
sum+=r
lal=sum*kall
obj.res.value=r
}
//-->
</script>
</HEAD>
<BODY>
<FORM name="form1">
<H3>Магазин</H3>
<TABLE border=3 bgcolor=silver>
<TR><TH>Выбранный товар</TH><TH>Результат</TH></TR>
<TR>
<TD valign=top>
<select name="data" size=3 onChange="gr(form1,form1.data.value)">
<option value=0> Хлеб
<option value=1> Молоко
<option value=2> Чай
</select><P>
<input type="Number" value="1" id="kall" > колличество
<input type="text" name="res" >
</TD>
<TD><TEXTAREA name="restext" cols=15 rows=6>
</TEXTAREA><P>
<input type="button" value=Сумма onClick="form1.resgr.value=lal">
<input type="text" name="resgr" >
</TD></TR></TABLE><p>
<input type="reset" value="Отменить" onClick="sum=0; s=''">
</FORM>
</BODY>
</HTML>
Не могу получить значение в переменую
var kall = document.getElementById("kall").value;
из <input type="Number" value="1" id="kall" >. Переробывал несколько вариантов ничего не выходит.