отображает флажок после выбора в выпадающем меню

Question

Я создал раскрывающееся меню с животными. Но что я хочу сделать сейчас, после того, как я выбрал одного из животных из раскрывающегося списка, могу я «показать» кнопку флажка? Как ... скрыть это изначально, а затем после того, как я выбрал одного из животных и нажму на него, появится кнопка флажка?

я могу сделать только на код для выпадающего меню ...

<li><a href="#" 
    onmouseover="mopen('m1')" 
    onmouseout="mclosetime()">animals</a> 
    <div id="m1" 
     onmouseover="mcancelclosetime()" 
     onmouseout="mclosetime()"> 
    <a href="#">Dogs</a> 
    <a href="#">Cats</a> 
    <a href="#">Cow</a> 
    <a href="#">Goats</a> 
    <a href="#">Tiger</a> 
    </div> 
</li> 

Помогите пожалуйста!

Answer 1

с помощью JQuery, как:

<a href="#" onclick="$('#chkdogs').show();return false;">Dogs</a> 
<input id="chkdogs" type="checkbox" name="dogs" value="dog" style="display:none;"> 

Answer 2

То, что я хотел бы предложить вам сделать это:

1. Добавить флажки динамически, когда происходит событие OnClick.
2. Или скопируйте флажки рядом с каждым животным, затем спрячьте их. Затем используйте событие onclick, чтобы открыть их.
3. Наконец использование JQuery, это проще