data-live-search-styleデータ属性がブートストラップで機能していません。select js

Question

bootstrap-select.min.jsをドロップダウンリストで検索しました。しかしそれは間違った結果をもたらします。私はteを書くとき、それはElite, Interp and test代わりのtest示し比べ

<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> 

：私のhtmlコードは以下のようになります。

teと書くと、testと表示されます。だから私のコードで何を変えなければならないのですか？

Answer 1

このコードスニペットは、あなたのコードが動作していることを示しています

<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>

Answer 2

<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" 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>

これを試してみてください、それはあなたが期待通りに動作します。