当前一个关闭时打开另一个引导选择（selectpicker）答案

【问题标题】：Open another bootstrap-select (selectpicker) when previous one is closed当前一个关闭时打开另一个引导选择（selectpicker）
【发布时间】：2014-08-30 01:23:56
【问题描述】：

我的页面上有 2 个选择器。当用户在第一个中选择某些内容时，我希望能够打开（向下滑动）第二个选择器。这样做是为了帮助用户不要点击太多。

示例 HTML：

<div class="row">
    <select class="select-picker" id="picker1" data-size="10">
        <option>Opt 1</option>
        <option>Opt 2</option>
        <option>Opt 3</option>
        <option>Opt 4</option>
    </select>

    <select class="select-picker" id="picker2" data-size="10">
        <option>Opt 2.1</option>
        <option>Opt 2.2</option>
        <option>Opt 2.3</option>
        <option>Opt 2.4</option>
    </select>
</div>

JS 示例：

$(document).ready(function() {
    $('.select-picker').selectpicker();

    $('.select-picker').change(function(){
        // Trying to open 2nd selectpicker
        $selectpickerButton = $('button[data-id="picker2"]');
        $selectpicker = $selectpickerButton.parent();

       //$selectpicker.addClass('open');
        $selectpickerButton.click();
    });
});

这里是 JSBin：http://jsbin.com/UFoRIYex/514/edit

还有小提琴：http://jsfiddle.net/u6vWL/46/

【问题讨论】：

这已经被问过了，很遗憾是不可能的。
Can I open a dropdownlist using jQuery的可能重复
很遗憾，这不是您指定的主题的副本。我对 Bootstrap selectpicker 库的具体实现有疑问。一旦我逐步调试该过程 - 我可以看到第二个选择选择器正在成功扩展，但之后一些“刷新”或其他事情正在完成并且它们都被关闭。

标签： twitter-bootstrap bootstrap-select

【解决方案1】：

以下工作，它有点脏，但是嘿！

更新答案

我使用与以前相同的答案，但现在我设置了一个超时并在超时完成后调用一个函数：

    $('.select-picker').selectpicker();
var selectpickerButton = $('button[data-id="picker2"]');


$(document).on("change", "#picker1", function () {
    setTimeout(function () {
        // Do something after xx milli seconds
        youSelected();
    }, 100);
});

function youSelected() {
    $(selectpickerButton).trigger('click');

}

jSFiddle

【讨论】：

我刚刚尝试了您的解决方案，它似乎确实打开了第二个下拉菜单，但问题是无论您选择什么选项，下拉菜单的值都不会改变。更新的 JSBin 在这里：jsbin.com/UFoRIYex/797/edit
也可以去掉on.change中的函数直接告诉$(selectpickerButton).trigger('click');可以看这里：jsFiddle
太棒了。奇迹般有效！谢谢！