Twitter bootstrap 当上一个引导选择关闭时，打开另一个引导选择（selectpicker）

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

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>

这里是JSBin：

---

还有提琴：

下面的工作正常，有点脏，但是嘿

最新答案

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

    $('.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');

}

---

这是以前问过的问题，但不幸的是不可能。可能重复的不幸的是，这不是您指定主题的重复。我在具体实现引导选择器库时遇到了一些问题。一旦我一步一步地调试这个过程-我可以看到第二个选择选择器被成功地扩展，但在那之后，一些“刷新”或其他事情正在进行，它们都被关闭。我刚刚尝试了你的解决方案，它似乎真的打开了第二个dropcrown，但问题是，无论怎样，dropdown的值都没有改变选择什么选项。更新的JSBin在这里：您还可以删除on.change中的函数，并直接告诉

$（selectpickerButton.trigger（'click'）可以在这里看到：太好了。工作起来很有魅力！非常感谢。
    $('.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');

}