在下拉菜单中选择后显示一个复选框

时间:2010-11-27 09:14:14

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

我创建了一个带动物的下拉菜单。但我现在要做的是,在我从下拉菜单中选择了一只动物后,我可以'显示'一个复选框按钮吗?喜欢......最初隐藏它然后在我选择其中一只动物并点击它之后,复选框按钮会显示出来吗?

我只能使用下拉菜单的代码...

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

请帮忙!

2 个答案:

答案 0 :(得分:0)

我建议你做的是:

  1. 发生onclick事件时动态添加复选框。
  2. 或者对每只动物旁边的复选框进行硬编码然后隐藏它们。然后使用onclick事件来显示它们。
  3. 最后使用jquery,它更容易

答案 1 :(得分:0)

使用jquery,如:

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