改变选中的值,改变select里的值 function 函数

首先先创建字典内容

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

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容