代码之家 › 专栏 › 技术社区 › Kamilski81

如何允许在引导选择中输入空格?

bootstrap-select twitter-bootstrap

5

Kamilski81 · 技术社区 · 7 年前

我想能够键入一个空格(keycode=32),但bootstrap select不允许我键入它。你知道我怎么允许空格输入吗?

我使用的是v1.11.0

1 回复 | 直到 7 年前

1

3

Dipen Shah 7 年前

可能是其他原因阻止您进入空间,引导选择不阻止您进入空间,请在下面演示:

<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>

2

0

Shtark 5 年前

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

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

推荐文章

Jeff Beagley · 带回调函数的引导选择

7 年前

Agustín Osorio · 如何在select bootstrap中附加选项?

8 年前

RGO · CSS-我对Bootstrap select jQuery插件的宽度和对齐的问题

9 年前

M. Ko · 引导程序选择错误的选项

9 年前

jagamot · Bootstrap Select-通过文本设置所选值

9 年前

Zulhilmi Zainudin · 如何在Rails表单选择标记中添加数据属性?

10 年前