Question

我有一个由动物组成的下拉菜单。我想做点什么，从下拉菜单中选择动物，例如狗。然后它会在一个值为'bark'的按钮上显示一些内容。在那之后，我想选择另一种动物，例如猫。然后它会在一个值为'meow'的按钮上显示一些内容。我点击猫（另一种动物）的下拉菜单后，我想做的是。我怎样才能隐藏狗的价值（这是树皮）。因为我现在所做的，即使在我选择动物猫之后，狗（树皮）的价值仍会显示。谢谢！这是下面的代码......

<body>

    <script type="text/javascript">
    var timeout = 50;
var closetimer  = 0;
var ddmenuitem  = 0;

// open hidden layer
function mopen(id)
{   
    // cancel close timer
    mcancelclosetime();

    // close old layer
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

    // get new layer and show it
    ddmenuitem = document.getElementById(id);
    ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
    closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
    if(closetimer)
    {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

// close layer when click-out
document.onclick = mclose; 
    </script>

    <div id ="top1" style="position:absolute; top:1; left:80; z-index:1">

<ul id="sddm">
<li><a href="#" 
    onmouseover="mopen('m1')" 
    onmouseout="mclosetime()">Animals</a>
    <div id="m1" 
        onmouseover="mcancelclosetime()" 
        onmouseout="mclosetime()">
    <a href="#" onclick="$('#chkdog').show(); return false;">Dog</a>
    <a href="#" onclick="$('#chkcat').show(); return false;">Cat</a>
</div>
</li>
</ul>

<input id="chkdog" type="button" value="Bark" style="display:none;"> <br>
<input id="chkcat" type="button" value="Meow" style="display:none;"> <br>


</body>

Answer 1

在“操作”按钮（树皮，喵）中添加class，然后在onclick s上执行此操作：

`<a href="#" onclick="$('input.yourclassname').hide().filter('#chkdog').show(); return false;">Dog</a>

看看它有效here。

下拉菜单，隐藏并显示其值

1 个答案: