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

2016-10-22  本文已影响0人  炙冰

首先先创建字典内容

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

}

上一篇 下一篇

猜你喜欢

热点阅读