0

我正在尝试使用 JQuery(Javascript,CSS,Html)制作 dropdowllist 我怎样才能制作这种 dropdowllist(见图)

在此处输入图像描述

我已使用此代码显示此下拉列表(Jquery,CSS)请选择国家

  • 新德里
  • 加利福尼亚
  • 古尔冈
  • 东北美洲
  • 北美
  • 南非
  •     <script type="text/javascript">
    
        $(".signupdd_dd li a").click(function () {
            $(".chosen").removeClass("chosen");
            $(this).addClass("chosen");
            alert($(this).text());
        });
        </script>
    

    现在,我如何显示和隐藏这个列表???

    4

    1 回答 1

    0

    看看这里:

    http://www.webchief.co.uk/blog/simple-jquery-dropdown-menu/#

    该示例使用了当用户将鼠标悬停在项目上时激活的功能。所以它有点不同,但它显示了一个函数的良好实现,它作为输入和显示下拉列表之间的媒介。

    您可以使用 jQuery 的切换语句而不是单击:

    http://api.jquery.com/toggle-event/

    在该页面的底部,您将找到以下示例:

    <!DOCTYPE html>
    <html>
    <head>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    </head>
    <body>
    <button>Toggle</button>
    <p>Hello</p>
    <p style="display: none">Good Bye</p>
    <script>
    
    $("button").click(function () 
     {
       $("p").toggle();
     });
    </script>
    
    </body>
    </html>
    

    祝你好运!

    于 2013-05-29T10:24:50.723 回答