<html>
<head>
<script language="javascript" type="text/javascript">
window.onload = function() {
var values = new Array (1001,2002,3003,4004,5005,6006,7007) ;
var slcs = document.getElementsByName("slc") ;
var vs = document.getElementsByName("v") ;
for (j=0 ; j<slcs.length ; j++) {
vs[j].value = values[j] ;
for (i=1 ; i<=10 ; i++) {
var OPT = document.createElement("OPTION");
OPT.value = i ;
OPT.text = i ;
if (i==1) OPT.selected = true ;
slcs.item(j).options.add(OPT) ;
}
}
}
function calc() {
var slcs = document.getElementsByName("slc") ;
var chks = document.getElementsByName("chk") ;
var vs = document.getElementsByName("v") ;
var total = 0 ;
var vv = ""
for (i=0 ; i<chks.length ; i++) {
if (chks[i].checked == true) {
var qty = parseInt(slcs[i][slcs[i].selectedIndex].value) ;
vv = vv + "No. " + (i+1) + " (" + qty + "), " ;
total = total + parseInt(vs[i].value) * qty ;
}
}
document.getElementsByName("vv")[0].value = vv ;
document.getElementsByName("total")[0].value = total ;
}
</script>
</head>
<body>
No 1:<input type="checkbox" name="chk" onclick="calc()">
<input type="text" name="v" onkeypress="return false" onkeydown="return false">
<select name="slc" onchange="calc()"></select><br>
No 2:<input type="checkbox" name="chk" onclick="calc()">
<input type="text" name="v" onkeypress="return false" onkeydown="return false">
<select name="slc" onchange="calc()"></select><br>
No 3:<input type="checkbox" name="chk" onclick="calc()">
<input type="text" name="v" onkeypress="return false" onkeydown="return false">
<select name="slc" onchange="calc()"></select><br>
No 4:<input type="checkbox" name="chk" onclick="calc()">
<input type="text" name="v" onkeypress="return false" onkeydown="return false">
<select name="slc" onchange="calc()"></select><br>
No 5:<input type="checkbox" name="chk" onclick="calc()">
<input type="text" name="v" onkeypress="return false" onkeydown="return false">
<select name="slc" onchange="calc()"></select><br>
No 6:<input type="checkbox" name="chk" onclick="calc()">
<input type="text" name="v" onkeypress="return false" onkeydown="return false">
<select name="slc" onchange="calc()"></select><br>
No 7:<input type="checkbox" name="chk" onclick="calc()">
<input type="text" name="v" value="7007" onkeypress="return false" onkeydown="return false">
<select name="slc" onchange="calc()"></select><br>
Selected Items: <input type="text" name="vv" size="90" onkeypress="return false" onkeydown="return false"><br>
Total: <input type="text" name="total" style="color:red ; background-color:white" onkeypress="return false" onkeydown="return false">
</body>
</html>