JS代码实现两个select的同步
2024-02-11 本站作者 【 字体：大 中 小 】
实例名称
JS代码实现两个select的同步
实例描述
当选中第一个下拉列表框的时候，第二个下拉列表框的值也随之改变，这被称为两个下拉列表框的同步。本例学习如何实现这种同步效果。
实例代码
html xmlns="" headtitle标题页-学无忧 onchange="=true"optiontestA1/optionoptiontestA2/optionoptiontestA3/optionoptiontestA4/optionoptiontestA5/option/selectnbsp;nbsp;nbsp;nbsp;select id="selB"optiontestB1/optionoptiontestB2/optionoptiontestB3/optionoptiontestB4/optionoptiontestB5/option/select/body/html
运行效果
难点剖析
本例的技巧就是select标签的“selectedIndex”属性和_“onchange”事件。当用户选择第一个下拉列表框后，第二个下拉列表框也要改变，所以要将此改变添加到第一个下拉列表框的“onchange’’事件中。“selectedIndex’’属性用来获取当前selected标签的选项索引，当知道第一个下拉列表框的选项索引后，使用“optionsselectedlndex．selected”就可以自动设置第二个下拉列表框的选择项。
源码下载
猜你喜欢
圣魔之光石，神级队友，战棋无敌
0 汤姆猫跑酷兑换码钻石2023钻石兑换码分享
0 白荆回廊护盾赐福效果是什么
0 通信大数据行程卡网络错误怎么办
0 孙美琪疑案：郎威一级线索真相位置介绍
0 云顶之弈最新走地纳尔阵容介绍
0 博德之门3引火者获得位置一览
0 苹果平板为什么不能更新系统(苹果平板电脑为什么不能更新)
0 蝙蝠侠新作到底有没有下落下周正式揭晓
1 银河护卫队美工概念画线条简洁想象力丰富
1 
2024无锡有什么好玩的地方旅游景点 无锡必去旅游景点推荐
2024宁波有什么好玩的地方旅游景点 宁波必去景点排名
京娘湖旅游风景区介绍 京娘湖风景区在哪里
汉中旅游最值得去的地方 汉中一日游最佳景点
2024哈尔滨旅行要不要去雪乡 旅行攻略雪乡
2024哈尔滨旅游必去景点 哈尔滨自助游攻略
2024春节去云南旅游一般要多少钱 去云南旅游费用大概多少
去云南旅游5天最佳路线 云南怎么玩路线比较好
2024云南旅游必去的景点 云南旅游攻略必玩景点
黑龙江雪乡旅游攻略及价格 雪乡在黑龙江哪个地方
