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

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

styling user-interface css html jquery

user113716 · 技术社区 · 15 年前

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

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

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

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

有什么想法吗?

谢谢!

5 回复 | 直到 14 年前

Derek Adair 15 年前

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

SLaks 15 年前

我认为这是不可能的。

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

Peter Rowell 15 年前

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

Carlo Pires 15 年前

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

CAM 14 年前

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

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

推荐文章

user3802348 · 如何生成具有不同颜色行的React表?

9 年前

user3802348 · React.js中的样式表

9 年前

Kaan Emeç · 整个iOS应用程序的通用样式

10 年前

Kyle Pennell · 如何使用CSS设置png图标的样式?

10 年前

jesperhh · 在不手动标记要设置样式的每个属性的情况下设置QML样式

11 年前

Luiz Berti · 如果已访问锚标记的父元素,则为其设置样式

11 年前

Tristan · Silverlight-管理颜色资源-错误

12 年前

Lorenzo OnoSendai · 图像上的透明文本层

12 年前

Robbo_UK · 表单样式垂直对齐

13 年前

Roddy of the Frozen Peas · 从GWT元素中删除内联样式属性

13 年前