javascript - Bootstrap Select 跳转到输入字母

标签 javascript jquery twitter-bootstrap bootstrap-select bootstrap-selectpicker

嗨,我正在使用 Bootstrap Select对于状态下拉列表,并希望实现如果用户开始键入“c”然后将其下拉到“加利福尼亚”的功能(例如)。这已经是插件的开箱即用,但我想更改位置,如果用户“co”那么它会将它们下拉到“Colorado”,而不是在键入“c”后首先将它们带到“california”,然后键入“o”后转到“ohio”。有没有办法用 Bootstrap 选择插件来完成这个?

仅供引用,该插件目前已大量集成到网站中,更改为另一个插件对我来说并不是一个真正的选择。

例子: http://jsfiddle.net/2a9xp/513/

$('.selectpicker').selectpicker({size:10});
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>

<select class="selectpicker">
  <option>California</option>
  <option>Colorado</option>
  <option>Connecticut</option>
  <option>Kansas</option> 
  <option>Kentucky</option>
  <option>Ohio</option>
  <option>Oklahoma</option>
  <option>Oregon</option>
</select>

最佳答案

添加到选择:data-live-search-style="startsWith"

<select class="selectpicker" data-live-search="true" data-live-search-style="startsWith">

示例:http://jsfiddle.net/vvuhq53g/

关于javascript - Bootstrap Select 跳转到输入字母,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42586232/

相关文章:

jquery - 选择具有指定类的第一个元素,如果没有,则选择另一个元素

javascript - 执行元素的功能完全在视口(viewport)中(实时)

javascript - 解决 index.js 内的 'eslint' 错误 - Angular 5

javascript - 如何在 Angular 7 中设置一个选择选项的值?

javascript - AngularJS 中的下拉子菜单?

javascript - Bootstrap Modal 仅触发 Backdrop

css - 子类化或扩展 djangcms 插件

javascript - 以 root 身份运行 Geany

javascript - Jquery 与 Asp.net 按钮

jquery - 我可以使用 jquery 或 jquery mobile 监听启动屏幕中的任何类型的事件吗