如何通过JavaScript打开选择？

Question

我需要通过JavaScript 打开Chosen下拉列表,这样用户就不必点击选择来显示它,如何做到这一点？

Answer 1

您可以通过以下方式打开所选的选择框:

$('#<id-of-your-select>_chzn').trigger('mousedown');

where 元素<id-of-your-select>的id <select>.

例如:如果您的<select>元素是<select id="foo" ...>,那么上面的代码将变为:

$('#foo_chzn').trigger('mousedown');

Answer 2

这很奇怪,但我发现答案是使用超时

它首先可能因为我克隆的元素希望对其他人有用

setTimeout(function(){ firstElement.trigger("chosen:open"); }, 100);

Answer 3

您可以在代码中添加以下两行,这样您的选择将始终打开.它对我有用.

list_start 是你的选择元素id.

("#list_start").trigger('chosen:open');
$('.chosen-drop').css('left', 0);

Answer 4

这解决了问题，

只需确保 chzn-select 是您选择的 ID。

用户单击某个选项后，chzn-drop 将保持打开状态：

        $('#chzn-select').change(function(event)
        {
            $('.chzn-drop').css('left', 0);
        });