如何制作下拉菜单并通过jQuery函数调用它

时间:2015-08-05 07:00:22

标签: javascript jquery html

所以我有这些按钮组 enter image description here

点击任意一个按钮,我想得到一个如下的下拉菜单:
enter image description here

如何通过jQuery调用菜单? 我尝试使用表单方法,但它不起作用。稍后当我得到这个值时,我希望它将它附加到一个单独的div中进行显示。

我的按钮代码:

<img id="analysis" class="normal_button" title="select analysis" src="buttons/analysis.png">

我的jquery代码:

jQuery("#analysis").click(function(){
   alert("hello world");

   });
});

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

您需要做的是在html中创建选择菜单并在其上放置display: none。完成后,您只需使用jQuery click事件即可。您可以使用toggle()方法,以便在用户再次点击button时隐藏它。

$('#analysis').click(function(){ 
       $('.selectmenu').toggle();
       // You can also use other fade methods $('.selectmenu').slideDown();

 });