<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body onload="init();">
<select id="sel1" onchange="getResult();"></select>
<h1>1-<span id="x1">xx</span>:<span id="x2">xxx</span></h1>
</body>
<script type="text/javascript">
function init(){
var options = "";
for (var i = 1 ; i <= 200 ; i++){
options = options + "<option value='"+i+"'>"+i+"</option>";
}
document.getElementById("sel1").innerHTML = options;
}
function getResult(){
var sResult = document.getElementById("sel1").value;
var vx = parseInt(sResult);
document.getElementById("x1").innerHTML = vx;
var t = sum(vx);
document.getElementById("x2").innerHTML = t;
}
function sum(number){
var total = 0;
for (var i = 1 ; i <= number ; i++){
total = total + i;
}
return total;
}
</script>
</html>
解析要点：
1.理清思路
随着下拉数字的变化，自动改变求和。
下拉框- -下拉框内容- -效果
2.定义函数
首先需要定义一个初始化函数，使页面初始化：function init（）；
然后定义一个变量存放1-200的option HTML 字符串；
完成循坏，最后拼接字符串；
接着定义一个触发函数，使随着数字的改变，而触发sel1的change；
要点：触发函数出来的使字符类型，要转换成数值类型需要使用parseInt();
最后定义一个求和函数，当数字改变时，自动实现从1-X的求和，然后赋值，达到最后的效果。
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
