对于HTML格式的下拉列表:
<select id="countries">
<option value="1">Country</option>
</select>
我想打开这个列表(和左键点击一样)。使用JavaScript (或者更具体地说,jQuery)可以做到这一点吗?
发布于 2008-12-11 18:59:23
你可以很容易地simulate a click on an element,但是点击一个<select>
不会打开下拉列表。
使用多个选择可能会有问题。也许您应该考虑容器元素中的单选按钮,您可以根据需要展开和收缩它。
发布于 2010-12-21 18:36:06
我也想找同样的东西,但我很失望。我最终更改了选择框的属性大小,使其显示为打开状态
$('#countries').attr('size',6);
然后当你完成的时候
$('#countries').attr('size',1);
发布于 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);
});
https://stackoverflow.com/questions/360431
复制相似问题