3

嗨，我使用Bootstrap Select作为状态下拉菜单，并希望实现这样的功能，如果用户开始输入“c”，那么它会将它们下拉到“california”（例如）。这已经是插件的开箱即用但我想更改如果用户“co”然后它将它们放到“Colorado”的位置，而不是在输入“c”后首先将它们带到“california”然后输入“o”后转到“ohio”。有没有办法用引导选择插件来完成这个？

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

示例：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>

4

2 回答 2

4

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

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

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

于 2017-04-28T11:42:50.527 回答
0

您的项目中是否有任何父组件？就我而言，这个问题是由每次我打开组件包含选择框时加载的 select.min.js 引起的。所以我将这个库移动到最大的组件，确保这个库只加载一次。

于 2022-02-11T03:44:39.280 回答