展开选择下拉菜单 [英] Expand select dropdown

问题描述

我试图在单击链接时展开选择下拉列表.

I am trying to expand a select dropdown upon clicking on a link.

<button type="button" id="btn">Click Me!</button> 
<select id='sel' name='sel'>
    <option>item 1</option>
    <option>item 2</option>
    <option>item 3</option>
    <option>item 4</option>
</select>

Javescript如下.

And the Javescript is as follows.

$(document).ready(function() {
    $("#btn").click(function() {
       $("#sel").trigger('click');
    });
});

任何想法... ??

Any Ideas...??

推荐答案

您不能使用.trigger模仿本机浏览器事件.查看此链接到jQuery教程，看来您需要.simulate方法来自 jquery.simulate.js .此外，下拉框的打开事件由mousedown而不是click给出.

You cannot mimic native browser event using .trigger. Looking at this link to the jQuery tutorial it seems you need .simulate method from jquery.simulate.js. Moreover the open event of the dropdown box is given by mousedown not click.

更新:代码变为:

$(document).ready(function() {
    $("#btn").click(function() {
       $("#sel").simulate('mousedown');
    });
});

这篇关于展开选择下拉菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！