选择框上的单击触发器在jQuery中不起作用

Question

如何使用触发器打开下拉列表？

这是不起作用的代码:

$('select').trigger('click');

只是为了注意 - mousedown和mouseup也不起作用.

Answer 1

        $('select').children('option').each(function() {
            if ($(this).is(':selected'))
            { $(this).trigger('change');  }
        });

Answer 2

你想要实现的目标是不可能的.即使您触发了单击,下拉列表也不会打开,就像用户点击它一样.如果要使用新值更改当前选定的值,可以使用val函数.我想唯一的解决方案是select使用div 模拟元素的整个UI外观.

Answer 3

我花了一段时间但找到了解决方案:

(仅限Chrome和Safari)

function open(elem) {
    if (document.createEvent) {
        var e = document.createEvent("MouseEvents");
        e.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        elem[0].dispatchEvent(e);
    } else if (element.fireEvent) {
        elem[0].fireEvent("onmousedown");
    }
}

http://jsfiddle.net/oscarj24/GR9jU/

Answer 4

没有正确的方法可以通过编程方式单击下拉菜单。

您可以通过以下方式选择一个选项：

$('#sourceOptions>option:eq(0)').prop('selected', 'selected');

如果你想模拟用户点击：你必须按照@Renso所说的那样进行：

$('#sourceOptions>option:eq(0)').prop('selected', 'selected').trigger('change');