Question

我正在尝试使用JQuery（Javascript，CSS，Html）制作dropdowllist 我怎样才能成为这种画家（见图）

enter image description here

我已使用此代码显示此下拉列表（Jquery，CSS）请选择国家

新德里

加利福尼亚

古尔冈

东北美洲

北美

南非

    <script type="text/javascript">

    $(".signupdd_dd li a").click(function () {
        $(".chosen").removeClass("chosen");
        $(this).addClass("chosen");
        alert($(this).text());
    });
    </script>

现在，我如何显示和隐藏此列表???

Answer 1

看看这里：

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

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

你可以使用的是jQuery的toggle语句而不是click：

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>

祝你好运！

DropdownList使用jQuery

1 个答案: