html将2个选择框联动,js实现两个下拉框联动

满意答案

qpe624

推荐于 2017.05.21

采纳率：54%    等级：12

已帮助：6314人

这类问题貌似蛮多的。

不过是这个纯HTML需要么？没有数据交互？与服务器数据交互得重新封装的。

下面是纯HTML用的JS。

请选择：

1

2

注意这里：

1

2

2

这里添加了(注意)：

function setSel(obj){

var s=obj.value;

var f=document.getElementById("test1");

var obj=document.getElementById("test3");

/*循环 相应变的select*/

for(i=0;i

/*判断值相等的，也可以判断显示的f.options[i].test*/

if(f.options[i].value==s){

f.options[i].selected="selected";//选中

obj.options.add(new Option(f.options[i].text,f.options[i].value)); //这个兼容IE与firefox

}

}

}

04分享举报