--组合框选择(联动) 例: --方式1(右键选择器方式):方便,快捷,但标签里面不能直观的看见选的哪个文本,容易搞错。[5.1.43以上版本支持] [登录2打开]http://www.jq22.com/demo/jQuery3jld201711162305/[/登录2打开] [登录2就绪判断]body > div > div:nth-child(2) > select.province > option:nth-child(4)[/登录2就绪判断] [登录2等待]1000[/登录2等待] [登录2选择]body > div > div:nth-child(2) > select.province > option:nth-child(4)[/登录2选择] --选择重庆(鼠标放在重庆元素上,右键复制css选择器获得,如下图) [登录2选择]body > div > div:nth-child(2) > select.district > option:nth-child(21)[/登录2选择] --选择江津(鼠标放在江津元素上,右键复制css选择器获得) --方式2(value方式):简单,直观,快捷。[5.1.43以上版本支持] [登录2打开]http://www.jq22.com/demo/jQuery3jld201711162305/[/登录2打开] [登录2就绪判断]body > div > div:nth-child(2) > select.province[/登录2就绪判断] [登录2等待]1000[/登录2等待] [登录2选择]body > div > div:nth-child(2) > select.province,"四川"[/登录2选择] --选择四川(鼠标放在name=province元素上,右键复制css选择器获得) [登录2选择]body > div > div:nth-child(2) > select.city,"广元市"[/登录2选择] --选择广元市 [登录2选择]body > div > div:nth-child(2) > select.district,"朝天区"[/登录2选择] --选择朝天区 选择后的效果如下图: --方式3(value方式如果是数字,可以用text锚文本方式):简单,直观,快捷。[6.2.01以上版本支持] [登录2选择]#select1,防盗报警[/登录2选择] --选择相应元素文本为“防盗报警”的列表一级目录名称 [登录2选择]#select2,防盗报警设备[/登录2选择] --选择相应元素文本为“防盗报警设备”的列表二级目录名称 [登录2选择]#select3,一键报警[/登录2选择] --选择相应元素文本为“一键报警”的列表三级目录名称 --当然,也可以用方式2的value方式。 更多css选择器动画图查看:http://www.wzdr.cn/article-859.html [2017-04-16更新] [2017-07-28更新] [2018-11-03更新] [2020-11-05更新] [2021-10-03更新] [2021-10-04更新] [2022-01-05更新] [2022-01-14更新] |
抢沙发||关于我们|手机版|营销神器 (蜀ICP备14013818号)
GMT+8, 2024-4-24 19:16