jquery - Bootstrap Select-Picker 防止关闭

Question

嘿，和我一起工作的 friend Bootstrap Select-picker 。我想默认打开下拉列表，而不是在焦点移出时关闭选择器。

代码:

<select class="selectpicker" multiple data-live-search="true" data-actions-box="true">
  <optgroup label="filter1">
    <option>option1</option>
    <option>option2</option>
    <option>option3</option>
    <option>option4</option>
  </optgroup>
  <optgroup label="filter2">
    <option>option1</option>
    <option>option2</option>
    <option>option3</option>
    <option>option4</option>
  </optgroup>
  <optgroup label="filter3">
    <option>option1</option>
    <option>option2</option>
    <option>option3</option>
    <option>option4</option>
  </optgroup>
</select>
<script type="text/javascript">
  $('.selectpicker').selectpicker();
</script>

这可能吗？

Answer 1

您可以添加一些 jQuery 以使其自动打开，并在单击文档中的任何位置时重新打开(导致它通常失去焦点并关闭)..

//auto open
$('[data-id=mySel]').trigger('click');

//stay open
$(document).on("click", function () {
   $('[data-id=mySel]').trigger('click');
});

演示: http://www.bootply.com/77umTeRI6n