jquery - 如何在不单击的情况下自动显示选择菜单?

时间:2009-12-22 01:38:30

标签: jquery html css user-interface styling

使用jquery,如何在不实际点击的情况下自行显示SELECT菜单?

我尝试发送一个click()事件(在Safari和Firefox中),但没有运气。

$('#myselectmenu').click();

还尝试了focus()和select()(以及三者的各种组合)。

有什么想法吗?

谢谢!

5 个答案:

答案 0 :(得分:2)

我认为这不可能。

您可以使用自定义下拉列表。

答案 1 :(得分:1)

您始终可以选择编写自己的功能来模仿“选择”菜单

答案 2 :(得分:0)

嗯,onMouseover?但那么你如何才能做下拉?感觉应该有一些方法来调用它。从来没有尝试过。

答案 3 :(得分:0)

SELECT组件是一个远离的组件。实现您自己的,然后尝试mouseenter()和mouseleave()事件。

答案 4 :(得分:0)

我可能会误解,但这里...... 您的选择菜单是否隐藏,以及您希望它显示的任何点击?

    <!DOCTYPE html>
<html lang="">
<head>
  <meta charset="utf-8">
</head>
 <script type="text/javascript" src="http://www.google.com/jsapi"></script>
        <script type="text/javascript">
            google.load('jquery', '1');
        </script>
        <script type="text/javascript">
            $(function(){
                    $('select').hide();
                    $(document).click(function(){
                        $('select').show();
                    });
            });//END Doc Ready
        </script>
<body>
    <select>
            <option>blah</option>
    </select>
</body>
</html>

然后我意识到你想让DDM出现,所以我尝试了这个......但它没有用。也许这会给你一个想法?

$(function(){
                    $('select').bind('blur', function() {
                         $(this).blur();
                         });
                    $(document).click(function(){
                        $('select option').trigger('blur');
                    });
        });//END Doc Ready