首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >我可以使用jQuery打开下拉列表吗

我可以使用jQuery打开下拉列表吗
EN

Stack Overflow用户
提问于 2008-12-11 18:46:57
回答 12查看 160.3K关注 0票数 87

对于HTML格式的下拉列表:

<select id="countries">
<option value="1">Country</option>
</select>

我想打开这个列表(和左键点击一样)。使用JavaScript (或者更具体地说,jQuery)可以做到这一点吗?

EN

回答 12

Stack Overflow用户

回答已采纳

发布于 2008-12-11 18:59:23

你可以很容易地simulate a click on an element,但是点击一个<select>不会打开下拉列表。

使用多个选择可能会有问题。也许您应该考虑容器元素中的单选按钮,您可以根据需要展开和收缩它。

票数 18
EN

Stack Overflow用户

发布于 2010-12-21 18:36:06

我也想找同样的东西,但我很失望。我最终更改了选择框的属性大小,使其显示为打开状态

$('#countries').attr('size',6);

然后当你完成的时候

$('#countries').attr('size',1);
票数 72
EN

Stack Overflow用户

发布于 2014-10-10 18:57:17

这应该涵盖了它:

 var event;
 event = document.createEvent('MouseEvents');
 event.initMouseEvent('mousedown', true, true, window);
 countries.dispatchEvent(event); //we use countries as it's referred to by ID - but this could be any JS element var

例如,这可以绑定到一个按键事件,这样当元素具有焦点时,用户可以输入,它将自动扩展……

--上下文--

  modal.find("select").not("[readonly]").on("keypress", function(e) {

     if (e.keyCode == 13) {
         e.preventDefault();
         return false;
     }
     var event;
     event = document.createEvent('MouseEvents');
     event.initMouseEvent('mousedown', true, true, window);
     this.dispatchEvent(event);
 });
票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/360431

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档