导航:首页 > 编程语言 > 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下拉框联动相关的资料

热点内容
dxf编程如何修刀 浏览:344
js音频控制 浏览:112
苹果6p微信发送语音会自己中断 浏览:644
win10拷贝文件到u盘速度慢 浏览:396
怎么把ps源文件字体改清楚 浏览:440
u盘如何恢复win10系统下载 浏览:153
完美世界100级升级攻略 浏览:67
安卓手机去除广告软件 浏览:529
水果礼品卡网站有哪些 浏览:272
爱谱数据线缆多少钱 浏览:165
word转换成图片格式 浏览:182
移动数据收费标准是多少 浏览:952
me525微信451去升级版 浏览:152
如何把压缩文件变成永久文件 浏览:828
数据分片最大值多少 浏览:598
会玩app开完小号如何找回大号 浏览:939
html显示flash代码 浏览:651
while语句java 浏览:376
iphone铬黄ps 浏览:529
linux挂载到已有分区 浏览:327

友情链接