如何使用jquery打开选择输入

Question

所以我可以看到选择元素的选项，但我需要点击它。如果我想使用一个函数怎么办？当发生某些事情时，应该选择这个选择元素，这意味着列表是打开的，我可以看到选项。我不希望用户点击选择元素，我想要别的东西来打开它。

我的尝试

$("select").select();
$("select").click();
$("select").focus();

有一个选择元素，通常如果你想打开它（下拉列表），你点击它。如果我单击DIV 或其他任何内容，我想要打开它。我希望打开此下拉列表，而无需用户单击选择元素。

Answer 1

这里只是一个更新，因为接受的答案是正确的但已经过时了，initMouseEvent 很快就会被弃用。 [见：https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/initMouseEvent]

改用以下内容：new MouseEvent [参见：https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/dispatchEvent]

示例代码：

var el = $('select'); // grab the input (jQuery)
var event = new MouseEvent('mousedown'); // create the event listener
el.dispatchEvent(event); // attach the event listener to the element

Answer 2

这应该可行：

var element = $("select")[0], worked = false;
if (document.createEvent) { // all browsers
    var e = document.createEvent("MouseEvents");
    e.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    worked = element.dispatchEvent(e);
} else if (element.fireEvent) { // ie
    worked = element.fireEvent("onmousedown");
}
if (!worked) { // unknown browser / error
    alert("It didn't worked in your browser.");
}

Example

Answer 3

我认为您不能使用任何代码将选择框强制设置为drop down。但是您仍然可以使用代码更改所选选项。请看这个

http://www.mredkj.com/tutorials/tutorial003.html