我的简单的代码如下。。现在的问题是。如果 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>
<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>
网上找找吧
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' ;
}
}
<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>
这肯定能用 你试试