代码之家 › 专栏 › 技术社区 › user113716

jquery-如何使选择菜单不单击它就显示自己?

styling user-interface css html jquery

user113716 · 技术社区 · 15 年前

使用jquery,我如何在不实际单击的情况下使选择菜单显示自己?

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

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

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

有什么想法吗?

谢谢!

5 回复 | 直到 13 年前

Derek Adair 15 年前

您始终可以选择对自己的功能进行编码,以模拟“选择”菜单。

SLaks 15 年前

我认为这是不可能的。

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

Peter Rowell 15 年前

嗯,鼠标上方?但是你怎么让它来做下拉列表呢?感觉应该有某种方法来调用它。以前从未尝试过。

Carlo Pires 15 年前

选择组件是要远离的组件。实现您自己的和,然后尝试mouseenter()和mouseleave()事件。

CAM 13 年前

我可能理解错了,但现在… 您的选择菜单被隐藏,您想显示它吗?

    <!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

推荐文章

Softly · 单选按钮未按预期取值

1 年前