отобразить флажок после выбора в раскрывающемся меню

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, это проще