打开“选择”菜单,单击按钮

时间:2013-12-24 07:29:35

标签: javascript jquery html5 drop-down-menu

这是一个我无法解决的问题。在我的页面中,我有一个选择菜单。在选择菜单旁边,有一个按钮。我想要的是,当我点击按钮时,将打开选择菜单。这是我开始的代码。

$('#myButton').click(function () {

    $('#mySelect').bind('mousedown', function () {
        console.log('foo');
    });

    $('#mySelect').trigger('mousedown');
});

这是jsbin链接。 http://jsbin.com/Odeyocof/2/edit?html,js,output

1 个答案:

答案 0 :(得分:0)

JavaScript 中打开选择元素没有默认方法。但是有一种不同的方法可以完成这项任务:

$('#myButton').click(function(){
 $('#mySelect').show();
 $('#mySelect')[0].size=2;/* Choose a size that's perfect */
});
/* Hide Select Menu when user clicks an option */
$('#mySelect').live("click",function(){
 $('#mySelect').hide();
});

Source