用div做的下拉框怎么实现按字母跳转到指定的div？_html/css_WEB-ITnose

如图，字母这边是一个div，品牌这边是一个div，下面有26个字母的指定的品牌div，现需要实现单击字母，右边也能跳转到字母指定的div。

回复讨论(解决方案)

在右侧设置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;} 
	 		 A  B  C  D  E  F  G 		 H  I  K  J  L  M  N 		 O  P  Q  R  S  T 		 U  V  W  X  Y  Z  全部 	 	 		 A 奥迪 		 A 奥迪 		 A 奥迪 		 A 奥蒂斯 		 B 保罗 		 B 保罗 		 B 保罗 		 B 保罗 		 B 保罗 		 C 奥迪 		 C 奥迪 		 C 奥迪 		 C 奥迪 		 D 奥迪 		 D 奥迪 		 E 奥迪 		 F fff 		 G ggggg

      
查看更多关于用div做的下拉框怎么实现按字母跳转到指定的div？_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did111137