html5 - input和ul实现下拉列表,怎么实现选中某一项后,显示该项下面的内容;各位指点一下,急
習慣沉默
習慣沉默 2017-05-16 13:36:47
[HTML讨论组]


如图:选择RWY_19就显示RWY_19下面的内容或者跳转到另一页面;;;

習慣沉默
習慣沉默

全部回复(3)
仅有的幸福

道理我都懂 可是你RWY_19下面没有内容了呀? 难道你是指后面的li元素???

迷茫
  • 问题不是很懂,是否可以理解为点击li,显示它的下级目录?

  • 点中当前li(假如样式为li19), 选中时,给加个样式on

  • 下级内容的样式比如在

<p class="sub"></sub>

中, 使用css

  • .li.on sub {display: block;}

为情所困

这种要么你用select,要么你自己模拟一个select,拿select来说,你可以给select绑定一个change事件,然后在事件回调里面取得你选择的值,如果是需要跳转,则用这个值拼接出目标地址,然后跳转就行了,
当然也可以根据选择的内容,比如你这里是RWY_19,用这个标示到后台请求对应的数据,然后填充到你右侧的内容区域,完成展示

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号