jquery - 如何在不单击的情况下显示选择菜单？答案

【问题标题】：jquery - how do I make a select menu display itself without clicking it?jquery - 如何在不单击的情况下显示选择菜单？
【发布时间】：2010-12-28 23:03:00
【问题描述】：

使用 jquery，我如何在不实际单击的情况下使 SELECT 菜单显示自己？

我尝试发送 click() 事件（在 Safari 和 Firefox 中）但没有成功。

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

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

有什么想法吗？

谢谢！

【问题讨论】：

How can you programmatically tell an HTML SELECT to drop down (for example, due to mouseover)?的可能重复

标签： jquery html css user-interface styling

【解决方案1】：

我认为这是不可能的。

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

【讨论】：

这就是我开始的想法。很高兴知道。不会再在上面浪费时间了。它是自定义列表。非常感谢。

【解决方案2】：

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

【讨论】：

【解决方案3】：

嗯，鼠标悬停？但是你如何让它做下拉呢？感觉应该有某种方法来调用它。以前没试过。

【讨论】：

我实际上是想从另一个函数的代码中弹出它。还是谢谢。

【解决方案4】：

SELECT 组件是远离的组件。实现你自己的，然后尝试 mouseenter() 和 mouseleave() 事件。

【讨论】：

【解决方案5】：

我可能理解有误，但这里是...... 您的选择菜单已隐藏，您希望它显示任何点击吗？

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

【讨论】：

感谢您的努力。是的，我想以编程方式显示菜单选项。仅供参考，当blur 事件被触发时，您的blur 解决方案将导致无限循环，因为当您执行$(this).blur() 时它会递归调用自身。不过还是谢谢。 :)
我想知道为什么我不断收到 Stackoverflow 错误...谢谢