导航:首页 > 编程语言 > js下拉框联动

js下拉框联动

发布时间:2023-02-20 05:56:27

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>

阅读全文

与js下拉框联动相关的资料

热点内容
电脑没联网怎么拷贝文件 浏览:224
wps工具栏怎么换成中文 浏览:338
win7和xp共享文件 浏览:883
苹果4代音量键没反应 浏览:827
怎样打开tif文件 浏览:153
java下载文件zip 浏览:440
qq浏览器压缩文件怎么设密码 浏览:526
黄埔数控编程哪里好 浏览:406
mac109升级1010 浏览:691
在java的菜单如何导入文件 浏览:982
现在什么网站销量最高 浏览:760
angularjsclass定义 浏览:157
ug数控编程怎么导出程序 浏览:466
cmdb文件 浏览:710
鹎文件夹 浏览:763
网络舆情应对的基本理念是什么 浏览:433
word2007层次结构 浏览:456
去掉文件名的数字 浏览:713
word公司 浏览:710
淘宝店数据包怎么上传 浏览:341

友情链接