A. js实现两个下拉框联动
这类问题貌似蛮多的。
不过是这个纯HTML需要么?没有数据交互?与服务器数据交互得重新封装的。
下面是纯HTML用的JS。
<html>
请选择:
<select id="test2" onchange="setSel(this);">
<option value='1'>1</option>
<option value='2'>2</option>
</select>
注意这里:
<select id="test1">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>2</option>
</select>
这里添加了(注意):
<select id="test3">
</select>
<script>
function setSel(obj){
var s=obj.value;
var f=document.getElementById("test1");
var obj=document.getElementById("test3");
/*循环 相应变的select*/
for(i=0;i<f.options.length;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
}
}
}
</script>
</html>