Question

您好我正在使用Bootstrap Select进行状态下拉列表，并希望实现这样的功能：如果用户开始输入“c”，那么它会将它们放到“加利福尼亚”（作为示例）。这已经开箱即用了插件，但是我想改变用户“co”的位置，然后将它们放到“Colorado”，而不是在键入“c”后首先将它们带到“california”然后输入“o”后输入“ohio”。有没有办法用bootstrap select插件完成这个？

仅供参考该插件目前已大量合并到网站中，并且更改为另一个插件对我来说真的不是一个选项。

实施例： 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>

Answer 1

添加到选择： data-live-search-style =＆＃34; startsWith＆＃34;

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

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

Bootstrap选择跳转到键入字母

1 个答案: