gpt4 book ai didi

javascript - Bootstrap Select 跳转到输入字母

转载 作者:行者123 更新时间:2023-11-30 11:41:13 24 4
gpt4 key购买 nike

嗨,我正在使用 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com