afficher une case à cocher après avoir sélectionné dans un menu déroulant

Question

J'ai créé un menu déroulant avec des animaux. Mais qu'est-ce que je veux faire maintenant, après avoir sélectionné l'un des animaux de la liste déroulante, puis-je "afficher" un bouton de case à cocher? Comme ... cachez-le d'abord, puis après avoir sélectionné l'un des animaux et cliqué dessus, le bouton de la case à cocher sera visible?

Je ne peux faire sur le code de menu déroulant ...

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

Aide s'il vous plaît!

Answer 1

en utilisant jquery comme:

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

Answer 2

Ce que je vous suggère de faire est la suivante:

1. Ajouter les cases à cocher dynamiquement lorsqu'un événement onclick se produit.
2. ou de cocher les cases à cocher en regard de chaque animal, puis de les masquer. Ensuite, utilisez l'événement onclick pour les révéler.
3. utilisation Enfin jquery, il est plus facile