展开选择下拉菜单 [英] 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屋!
查看全文