在下拉菜单上选择后显示一个复选框答案

【问题标题】：display a checkbox after selecting on a drop down menu在下拉菜单上选择后显示一个复选框
【发布时间】：2010-11-27 17:26:25
【问题描述】：

我创建了一个带有动物的下拉菜单。但是我现在想做的是，在我从下拉列表中选择了其中一种动物之后，我可以“显示”一个复选框按钮吗？就像...最初隐藏它，然后在我选择其中一种动物并单击它之后，复选框按钮将可见？

我只能在下拉菜单的代码上做...

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

请帮忙！

【问题讨论】：

标签： javascript html css checkbox drop-down-menu

【解决方案1】：

像这样使用jquery：

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

【讨论】：

谢谢！这是我想做的事情。 =)
嘿，ikhsan，是否可以放置多个复选框？像复选框的 3 - 4 一样？谢谢
只要每个复选框有不同的 id 你可以这样做，但不要忘记执行 $('#chkdogs,#chkcats,#chkcow,..').hide() 之前，在场景中 -> 用户点击狗，但改变主意并点击猫，这将只显示用户点击的复选框并隐藏其余部分

【解决方案2】：

我建议你做的是：

当 onclick 事件发生时动态添加复选框。
或者硬编码每只动物旁边的复选框，然后隐藏它们。然后使用 onclick 事件来显示它们。
最后用jquery，更简单

【讨论】：

感谢您的建议！ =)