展开选择下拉列表

use*_*967 21 jquery

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

<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>
Run Code Online (Sandbox Code Playgroud)

Javescript如下.

$(document).ready(function() {
    $("#btn").click(function() {
       $("#sel").trigger('click');
    });
});
Run Code Online (Sandbox Code Playgroud)

有任何想法吗...??

Ale*_*pac 17

您无法使用模仿本机浏览器事件.trigger.看看这个 jQuery教程的链接,你似乎需要.simulate来自jquery.simulate.js的方法.此外,下拉框的打开事件mousedown不是click.

更新:所以代码变成:

$(document).ready(function() {
    $("#btn").click(function() {
       $("#sel").simulate('mousedown');
    });
});
Run Code Online (Sandbox Code Playgroud)

  • 这不起作用.在包含文件并正确链接之后,我得到的是(".模拟不是一个函数).不确定这是如何得到14个upvotes. (5认同)