คำนวณข้อมูลจาก listmenu แต่ราคารวมมันไม่แสดงค่ะ .

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
	function CAL(){
		var toUnit=0;
		var toTake=0;
		var toSum=0;
		
		for(i=0;i<=2;i++){
		   toTake=toTake+(document.getElementById('Take'+i).value*document.getElementById('Price'+i).value);
		   toUnit=toUnit+parseInt(document.getElementById('Take'+i).value);
		   toSum=document.getElementById('Take'+i).value * document.getElementById('Price'+i).value;
		}
		
		var total=toTake/toUnit;
		

		document.getElementById('toSum').value=toSum;
		document.getElementById('toTake').value=toUnit;
		document.getElementById('toUnit').value=toTake;
		document.getElementById('total').value=total;
		
	}
</script>
<table border="1">
<tr>
	<th>รายการอะไหล่</th>
	<th>ราคา</th>
	<th>จำนวนที่เบิก</th>
	<th>รวม</th>
</tr>
<?
$arrSpcode=array('CODE1','CODE2','CODE3');
$arrPrice=array(10,10,10);
$count=count($arrSpcode);
for($i=0;$i<$count;$i++){ 
?>
<tr>
	<td><?=$arrSpcode[$i];?></td>
    <td><?=$arrPrice[$i];?> <input type="hidden" id="Price<?=$i;?>" value="<?=$arrPrice[$i];?>"> </td>
    <td>
    <select id="Take<?=$i;?>" onchange="CAL();" >
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    </select>    
    </td>
    <td><input type="text" id="toSum" value="" ></td>
</tr>
<? } ?>
</table>
รวมเป็นเงิน<input type="text" id="toUnit" value="" disable>
จำนวนเบิกรวม<input type="text" id="toTake" value="" disable>