美文网首页
改变选中的值,改变select里的值 function 函数

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

作者: 炙冰 | 来源:发表于2016-10-22 16:05 被阅读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

}

相关文章

网友评论

      本文标题:改变选中的值,改变select里的值 function 函数

      本文链接:https://www.haomeiwen.com/subject/bblhuttx.html