data-live-search-style数据属性在bootstrap select js中不起作用 [英] data-live-search-style data attribute is not working in bootstrap select js

问题描述

我已经使用 bootstrap-select.min.js 在下拉菜单中进行搜索。但它给出了错误的结果。我的html代码如下所示：

I have used bootstrap-select.min.js to search in dropdown. But it gives wrong result. My html code looks like below :

<select data-live-search="true" data-live-search-style="startsWith" class="selectpicker">
    <option value="4444">4444</option>
    <option value="Fedex">Fedex</option>
    <option value="Elite">Elite</option>
    <option value="Interp">Interp</option>
    <option value="Test">Test</option>
</select>

当我写 te 时比显示 Elite，Interp和test 而不是 test 。

When I write te than it show Elite, Interp and test instead of test.

如果我写 te 比它只显示 test 。所以我应该在代码中改变什么？

If I write te than it show only test. SO what should I have to change in my code?

推荐答案

此代码片段显示您的代码正在工作：

This code snippet shows that your code is working:

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/css/bootstrap-select.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/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.12.1/js/bootstrap-select.js"></script>

<select data-live-search="true" data-live-search-style="startsWith" class="selectpicker">
        <option value="4444">4444</option>
        <option value="Fedex">Fedex</option>
        <option value="Elite">Elite</option>
        <option value="Interp">Interp</option>
        <option value="Test">Test</option>
    </select>

这篇关于data-live-search-style数据属性在bootstrap select js中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！