我的简单的代码如下。。现在的问题是。如果 id有多个相同的就不能正常显示。但是ID可以。现在怎么样才能实现 下拉了同个ID 这样下拉。。因为我这个数据都是数据库读的。ID也是!都有相同的!
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:100px;
top:14px;
width:367px;
height:37px;
z-index:1;
}
.yc {display:none;
}
#kj 
{
position: relative;
}
-->
</style>
<SCRIPT language=javascript>
<!--
function LayerShow(id){
id.style.display="block";

}
function LayerHidden(id){
id.style.display="none";
}
//-->
</SCRIPT><div id="kj"><div id="Layer1"><a href=chaditu.asp?diqu=南门 onmouseover=LayerShow("海曙")  onmouseout=LayerHidden("海曙") class=yc id=海曙>南门</a>
<a href=chaditu.asp?diqu=机场路 onmouseover=LayerShow("海曙")  onmouseout=LayerHidden("海曙") class=yc id=海曙>机场路</a>
<a href=chaditu.asp?diqu=中兴路 onmouseover=LayerShow("江东")  onmouseout=LayerHidden("江东") class=yc id=江东>中兴路</a>
<a href=chaditu.asp?diqu=段塘 onmouseover=LayerShow("海曙")  onmouseout=LayerHidden("海曙") class=yc id=海曙>段塘</a>
<a href=chaditu.asp?diqu=南站 onmouseover=LayerShow("海曙")  onmouseout=LayerHidden("海曙") class=yc id=海曙>南站</a>
<a href=chaditu.asp?diqu=东郊路 onmouseover=LayerShow("江东")  onmouseout=LayerHidden("江东") class=yc id=江东>东郊路</a>
<a href=chaditu.asp?diqu=大道西段 onmouseover=LayerShow("鄞州")  onmouseout=LayerHidden("鄞州") class=yc id=鄞州>大道西段</a>
<a href=chaditu.asp?diqu=三市旧货市 onmouseover=LayerShow("海曙")  onmouseout=LayerHidden("海曙") class=yc id=海曙>三市旧货市</a>
<a href=chaditu.asp?diqu=徐家漕路 onmouseover=LayerShow("海曙")  onmouseout=LayerHidden("海曙") class=yc id=海曙>徐家漕路</a></div>
</div><a href=chaditu.asp?diqu=海曙  onmouseover=LayerShow(海曙)  onmouseout=LayerHidden(海曙)>海曙</a><a href=chaditu.asp?diqu=江东  onmouseover=LayerShow(江东)  onmouseout=LayerHidden(江东)>江东</a><a href=chaditu.asp?diqu=鄞州  onmouseover=LayerShow(鄞州)  onmouseout=LayerHidden(鄞州)>鄞州</a></td>
    

解决方案 »

  1.   

    你在读取的时候 设置变量呀?来个自增;不错吧一般 做下拉菜单 用jquery ;做滑动效果很好
    网上找找吧
      

  2.   

    就是不能唯一啊!!如果要唯一。我这个数据库结构不一样。现在就是解决这个问题就行了。有人说用 name
      

  3.   

    如果ID 不唯一就不叫ID 。为了规范,第一,你可以把 ID 换成其他的,自定义属性也行。如属性是 city然后使用 遍历结点的方式。function LayerShow(city)
    var ds = document.getElementsByTagName('a') ;
    for(var i=0;i<ds.length;i++){
        if(!ds[i].getAttribute('city') || ds[i].getAttribute('city') != city) continue ;
        ds[i].style.display = 'block' ;
    }
    }
      

  4.   


    <style type="text/css">
    <!--
    #Layer1 {
        position:absolute;
        left:100px;
        top:14px;
        width:367px;
        height:37px;
        z-index:1;
    }
    .yc {display:none;
    }
    #kj 
    {
        position: relative;
    }
    -->
    </style>
    <SCRIPT language=javascript>
    <!--
    function LayerShow(id){ 
    var name = document.getElementsByName(id)
    for (i=0;i<name.length;i++)
    {   
        name[i].style.display="block";
    }
    }
    function LayerHidden(id){
    var name = document.getElementsByName(id)
    for (i=0;i<name.length;i++)
    {   
        name[i].style.display="none";
    }
    }
    //-->
    </SCRIPT><div id="kj"><div id="Layer1"><a href=chaditu.asp?diqu=南门 onmouseover=LayerShow(this)  onmouseout=LayerHidden(this) class=yc name="海曙">南门</a>
    <a href=chaditu.asp?diqu=机场路 onmouseover=LayerShow(this)  onmouseout=LayerHidden(this) class=yc name="海曙">机场路</a>
    <a href=chaditu.asp?diqu=中兴路 onmouseover=LayerShow(this)  onmouseout=LayerHidden(this) class=yc name="江东">中兴路</a>
    <a href=chaditu.asp?diqu=段塘 onmouseover=LayerShow(this)  onmouseout=LayerHidden(this) class=yc name="海曙">段塘</a>
    <a href=chaditu.asp?diqu=南站 onmouseover=LayerShow(this)  onmouseout=LayerHidden(this) class=yc name="海曙">南站</a>
    <a href=chaditu.asp?diqu=东郊路 onmouseover=LayerShow(this)  onmouseout=LayerHidden(this) class=yc name="江东">东郊路</a>
    <a href=chaditu.asp?diqu=大道西段 onmouseover=LayerShow("鄞州")  onmouseout=LayerHidden("鄞州") class=yc name="鄞州">大道西段</a>
    <a href=chaditu.asp?diqu=三市旧货市 onmouseover=LayerShow(this)  onmouseout=LayerHidden(this) class=yc name="海曙">三市旧货市</a>
    <a href=chaditu.asp?diqu=徐家漕路 onmouseover=LayerShow(this)  onmouseout=LayerHidden(this) class=yc name="海曙">徐家漕路</a></div>
    </div><a href=chaditu.asp?diqu=海曙  onmouseover=LayerShow("海曙")  onmouseout=LayerHidden("海曙")>海曙</a><a href=chaditu.asp?diqu=江东  onmouseover=LayerShow("江东")  onmouseout=LayerHidden("江东")>江东</a><a href=chaditu.asp?diqu=鄞州  onmouseover=LayerShow("鄞州")  onmouseout=LayerHidden("鄞州")>鄞州</a></td>
        
    这肯定能用 你试试