首先先创建字典内容
var data={
bj: ["北京大学", "清华大学", "北京航空航天大学"],
sh: ["复旦大学", "上海交通大学", "同济大学"],
hz: ["浙江大学", "杭州电子科技大学", "浙江工业大学","YYY"]
}
1.当div或select 发生 onchange时 调用JavaScript里的函数方法
例:①获取当前div或select的id
当前的select的对象var select1 = decument.getElementById("");
②.获取要改变的select的id
改变的select的对象var select2 = decument.getElementById("");
③.从当前的select1里拿到选中的值
select1.options这是选项中的全部选项
var value1 = select1.options[select1.selectedIndex].value; 获取到当前的选中的Value
将select2里的选项清空 select2.innerHTML = "";
④.将select2里的选项改变
for( var i = 0 ;i < date[value1].length; i++){循环新的select2里的内容个数
var opt = document.createElement("option")创建option
opt.value = date[value][i];赋予option里的value
opt.innerHTML = date[value][i];赋予option内容
document.getElementById("select2").appendChild(opt);往select2里添加option
}