代码之家 › 专栏 › 技术社区 › 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

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前