Javascript 下拉菜单，隐藏并显示其值_Javascript_Html_Drop Down Menu

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

javascript html drop-down-menu

Javascript 下拉菜单，隐藏并显示其值,javascript,html,drop-down-menu,Javascript,Html,Drop Down Menu,我有一个由动物组成的下拉菜单。我想做一些类似的事情，从下拉菜单中选择一种动物，例如，狗。然后它会在按钮上显示值为“bark”的内容。之后，我想选择另一种动物，例如猫。然后它会在按钮上显示值为“喵”的内容。我想做的是，在我点击猫（另一种动物）的下拉菜单之后。我如何隐藏狗的价值（即吠叫）。因为我现在所做的，即使我选择了猫，狗（吠叫）的值仍然会显示出来。谢谢下面是代码 <body> <script type="text/javascript"> var tim

我有一个由动物组成的下拉菜单。我想做一些类似的事情，从下拉菜单中选择一种动物，例如，狗。然后它会在按钮上显示值为“bark”的内容。之后，我想选择另一种动物，例如猫。然后它会在按钮上显示值为“喵”的内容。我想做的是，在我点击猫（另一种动物）的下拉菜单之后。我如何隐藏狗的价值（即吠叫）。因为我现在所做的，即使我选择了猫，狗（吠叫）的值仍然会显示出来。谢谢下面是代码

<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>


var超时=50；
var closetimer=0；
var ddmenuitem=0；
//打开隐藏层
功能mopen（id）
{   
//取消关闭计时器
McCancelCloseTime（）；
//封闭旧层
if（ddmenuitem）ddmenuitem.style.visibility='hidden'；
//获取新图层并显示它
ddmenuitem=document.getElementById（id）；
ddmenuitem.style.visibility='visible'；
}
//近显示层
函数mclose（）
{
if（ddmenuitem）ddmenuitem.style.visibility='hidden'；
}
//关闭计时器
函数mclosetime（）
{
closetimer=window.setTimeout（mclose，timeout）；
}
//取消关闭计时器
函数mcancelclosetime（）
{
if（关闭计时器）
{
清除超时（关闭计时器）；
closetimer=null；
}
}
//单击“退出”时关闭图层
document.onclick=mclose；

在“动作”按钮（吠叫、喵喵叫）中添加一个

类

，并在

onclick上执行此操作：
`<a href="#" onclick="$('input.yourclassname').hide().filter('#chkdog').show(); return false;">Dog</a>

`

看看它在工作。
如果你能正确地在问题上加标点，那就太好了。。。我的意思是有一两个问题以句号结尾，这显然没有意义。同样，如果你重新阅读，以“我想做的是”开头的句子也没有意义。