如何允许在 Bootstrap Select 中输入空格？答案

【问题标题】：How do I allow spaces to be input in Bootstrap Select?如何允许在 Bootstrap Select 中输入空格？
【发布时间】：2019-02-10 22:39:56
【问题描述】：

我希望能够输入一个空格 (keycode=32)，但 bootstrap-select 不允许我输入它。知道如何允许输入空格吗？

我正在使用 v1.11.0

【问题讨论】：

你能做一个重现错误的演示吗？

标签： twitter-bootstrap bootstrap-select

【解决方案1】：

可能是其他原因阻止您进入空格，bootstrap-select 不会阻止您进入空格，请查看以下演示：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.0/css/bootstrap-select.min.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.0/js/bootstrap-select.min.js"></script>


<select class="selectpicker" data-live-search="true">
  <option>Hot Dog, Fries and a Soda</option>
  <option>Burger, Shake and a Smile</option>
  <option>Sugar, Spice and all things nice</option>
</select>

【讨论】：

我遇到了与原始海报相同的问题，虽然您的 sn-p 有效，但我无法弄清楚原因，而且这个确实似乎已在项目网站上报告过 - - github.com/snapappointments/bootstrap-select/issues/1249 -- 但比我使用的版本更早...
@ChristopherKing 可能与引导程序版本有关？ OP 没有发布代码，因此很难推断出确切的原因。
谢谢提醒；我仍在寻找确切原因，但在我的设置中，问题似乎仅在选择列表用于引导模式时出现；在我在模式之外使用可搜索选择列表的地方，输入空格没有问题，但在模式中，空格会折叠下拉列表

【解决方案2】：

//CAN ENTER SPACES
$(function() {
    $('.selectpicker').selectpicker({
          liveSearch: false,
          showSubtext: true
    });
});

//CANNOT ENTER SPACES
$(document).ready(function() {
    $('.selectpicker').selectpicker({
          liveSearch: false,
          showSubtext: true
    });
});

【讨论】：