Выпадающее меню, скрыть и отобразить его значение

У меня есть выпадающее меню, состоящее из животных. Я хотел бы сделать что-то вроде, выбрать животное из выпадающего меню, например, собаку. Затем он будет отображать что-то на кнопке со значением «кора». После этого я хотел бы выбрать другое животное, например, кошку. Затем он будет отображать что-то на кнопке со значением «мяу». Я хочу сделать это, после того как я нажал на раскрывающееся меню для кошки (другое животное). Как я могу скрыть значение собаки (которая является корой). Поскольку то, что я сделал сейчас, ценность собаки (коры) будет отображаться даже после того, как я выберу животное, кот. Благодаря! Вот код ниже ...Выпадающее меню, скрыть и отобразить его значение

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

источник

2010-11-29 KennC.

Было бы неплохо, если бы вы правильно перенесли свой вопрос ... Я имею в виду, что есть один или два вопроса, которые заканчиваются полной остановкой, что, очевидно, не имеет смысла. Также предложение, начинающееся с «Что я хочу сделать», не имеет смысла, если вы его перечитаете. – ClarkeyBoy 2010-11-29 06:18:23

Добавить class к кнопкам "действие" (кора, мяу), и сделать это на onclick с:

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

Посмотрите на него работает here.

источник

2010-11-29 04:28:58 cambraca

Спасибо, человек! Только то, что я хотел! знак равно – 2010-11-29 05:10:04

Выпадающее меню, скрыть и отобразить его значение

ответ

Смежные вопросы