<!DOCTYPE html>
<html>
<head>
</head>
<body id="body" οnlοad="init();">
<select id="s1" size="10">
</select>
<input type="button" id="b" value="Plus" οnclick="cal();" /><br><br><br><br>
<div id="result">
</div>
<script type="text/javascript">
function init() {
s1=document.getElementById("s1");
s2=document.createElement("select");
s2.setAttribute("id" , "s2");
s2.setAttribute("size" , "10");
body = document.getElementById("body");
body.insertBefore(s2, document.getElementById("b"));
for(i=0;i<1000;i++){
option1 = document.createElement("option");
option2 = document.createElement("option");
option1.innerHTML = i;
option2.innerHTML = i;
s1.add(option1, null)
s2.add(option2, null);
}
s1.options[5].selected = true;
s2.options[5].selected = true;
}
function cal() {
num1 = document.getElementById("s1").value;
num2 = document.getElementById("s2").value;
sum = parseInt(num1)+parseInt(num2);
document.getElementById("result").innerHTML = num1 + "+" + num2 + "=" + sum;
}
</script>
</body>
</html>