Bootstrap Select

编程入门行业动态更新时间:2024-10-28 15:20:01

Bootstrap Select-Picker阻止关闭(Bootstrap Select-Picker prevent close)

嘿伙计我正在使用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>
 
 这可能吗？？ 
Hey Guys I am working with Bootstrap Select-picker. I want to open the drop list by default and not to close the select-picker on focus out. 
Code: 
<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>
 
Is this possible??
                最满意答案
                
                    
                         您可以添加一些jQuery以使其自动打开，并在单击文档中的任何位置时重新打开（导致它通常失去焦点并关闭）。  
//auto open
$('[data-id=mySel]').trigger('click');

//stay open
$(document).on("click", function () {
   $('[data-id=mySel]').trigger('click');
});
 
 演示： http ： //www.bootply.com/77umTeRI6n 
You can add some jQuery to have it auto open, and re-open when anywhere in the document is clicked (causing it normally to lose focus and close).. 
//auto open
$('[data-id=mySel]').trigger('click');

//stay open
$(document).on("click", function () {
   $('[data-id=mySel]').trigger('click');
});
 
Demo: http://www.bootply.com/77umTeRI6n