web前端|html教程
用div做的下拉框怎么实现按字母跳转到指定的div？
web前端-html教程
如图，字母这边是一个div，品牌这边是一个div，下面有26个字母的指定的品牌div，现需要实现单击字母，右边也能跳转到字母指定的div。
药品没有追源码,ubuntu系统状态监控,node 爬虫动态页面,发送积分php,郑州seo建设lzw
web微信协议源码,vscode打开网页插件,ubuntu管理文件,tomcat集群自动发布,爬虫淘宝低价,php5.6.3,seo nd用英语怎么读,phpweb成品网站设计,仿网易课堂网站模板lzw
asp 上传源码下载,ubuntu安装后bios,小红书作品爬虫,php secache,seo布局视频lzw
回复讨论(解决方案)
在右侧设置26个li标签 放这26个字母的品牌 然后把左边的26个字母 用a标签，href就是那26哥li标签的索引，
不知道我这么说你懂了没
和lz所述效果略有不同，不过也差不太多。就是把不相关的隐藏了
$(function(){$(".suoyin li").click(function(){var key = $(this).html();if(key == "全部"){$(".list li").show();}else{$(".list li").hide();$(".list li[data-key="+key+"]").show();}});});ul,li{margin:0;padding:0;list-style:none;}.box{position:relative;border:1px solid #eee;width:220px;height:350px;overflow-y:scroll;}.suoyin{position:absolute;left:0;top:0;width:20px;height:350px;font-size:12px;line-height:12px;background:#e0e0e0;text-align:center;cursor:pointer;}.suoyin > li:hover{background:#f90;}.list{position:absolute;left:20px;top:0;right:0;width:180px;height:350px;font-size:16px;line-height:20px;}
ABCDEFGHIKJLMNOPQRSTUVWXYZ全部A 奥迪A 奥迪A 奥迪A 奥蒂斯B 保罗B 保罗B 保罗B 保罗B 保罗C 奥迪C 奥迪C 奥迪C 奥迪D 奥迪D 奥迪E 奥迪F fffG ggggg
在右侧设置26个li标签 放这26个字母的品牌 然后把左边的26个字母 用a标签，href就是那26哥li标签的索引，
不知道我这么说你懂了没
大概意思懂了，能说说href里的索引怎么写不？
和lz所述效果略有不同，不过也差不太多。就是把不相关的隐藏了
$(function(){$(".suoyin li").click(function(){var key = $(this).html();if(key == "全部"){$(".list li").show();}else{$(".list li").hide();$(".list li[data-key="+key+"]").show();}});});ul,li{margin:0;padding:0;list-style:none;}.box{position:relative;border:1px solid #eee;width:220px;height:350px;overflow-y:scroll;}.suoyin{position:absolute;left:0;top:0;width:20px;height:350px;font-size:12px;line-height:12px;background:#e0e0e0;text-align:center;cursor:pointer;}.suoyin > li:hover{background:#f90;}.list{position:absolute;left:20px;top:0;right:0;width:180px;height:350px;font-size:16px;line-height:20px;}
ABCDEFGHIKJLMNOPQRSTUVWXYZ全部A 奥迪A 奥迪A 奥迪A 奥蒂斯B 保罗B 保罗B 保罗B 保罗B 保罗C 奥迪C 奥迪C 奥迪C 奥迪D 奥迪D 奥迪E 奥迪F fffG ggggg
恩，蛮有用的，谢谢。但这种效果我已经做过了，页面效果不太好，所以想换一种效果
p{line-height:0px;}a{text-decoration:none;color:#000000;}a:hover {color:#FFFFFF;background-color:#FF9933;}#d .province p a{margin-left:5px;line-height:1px;}#d .city p a{margin-left:5px;line-height:1px;}#d .province{border-style:solid; border-width:1px 0px 1px 1px;}#d .city{border-style:solid; border-width:1px 1px 1px 0px;}<script type="text/javascript" src="/js/jquery-1.8.3.js">function xs() {if(d.style.display= one){d.style.display=lock;}else{d.style.display= one;}}var province,city;function GetProvince(obj) {if(province!=null){province.style.display= one;}province=document.getElementById(obj.name);if(province.style.display= one){province.style.display=lock;}else{province.style.display= one;}}function GetCity(obj) {city=obj.name;$("#drop").val("");$("#drop").val(city);d.style.display= one;}$(function(){$("#d .province p a").on("click",function(){$("#d .province p a").css({"background-color":"#FFFFFF","color":"#000000"});$(this).css({"background-color":"#FF9933","color":"#FFFFFF"});});$("#d .city p a").on("click",function(){$("#d .city p a").css({"background-color":"#FFFFFF","color":"#000000"});$(this).css({"background-color":"#FF9933","color":"#FFFFFF"});});});
安徽
合肥
芜湖
蚌埠
淮南
马鞍山
淮北
铜陵
安庆
黄山
滁州
阜阳
宿州
巢湖
六安
亳州
池州
宣城
