对于我这个javascript菜鸟来说,下面的东西完全就是新物,总是使用jquery,让我越来越渴望知道原生的javascript是如何处理的。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function $(){
return document.getElementById(arguments[0]);
}
window.onload = function(){
var Class = [];
var string=null;
var one = $("one"),two = $("two");
Class[1] = ['计高071','计高072','软件073'];
Class[2] = ['数控071','数控072','数控073'];
Class[3] = ['财电071','财电072','财电073'];
one.onchange = function(){
two.innerHTML = "";
for(var i=0;i<Class[this.value].length;i++){
two.options[i] = new Option(Class[this.value][i],i);
}
}
two.onchange = function(){
alert(this.value);
}
}
</script>
</head>
<body>
<select name="select" id="one">
<option value="1">信息系</option>
<option value="2">机电系</option>
<option value="3">商贸系</option>
</select>
<select name="select" id="two">
<option value="">请选择</option>
</select>
</body>
</html>