jquery - 尝试将 data-live-search 设置为 select-picker

Question

选择器

$('.selectpicker').selectpicker();
$("#s1").addClass("btn-sm");
//set to current value$("#s1").selectpicker('val', picker[0]["f_name"]);
$("#s1").selectpicker("refresh");

选择选择器 css

<div id="input1" style="margin-bottom: 50px">
    <div class="pull-left" style="width: 250px;">
        <select class="selectpicker" data-live-search="true" id="s1"> 
        </select>

这是我的代码。我想在我的选择器中设置搜索。我应该怎么办？

Answer 1

<div class="live-search" >
    <select class="selectpicker" data-live-search="true" >
       <option data-tokens="text" >text</option>                               
     </select>
 </div>

您必须添加 src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"

Answer 2

selectpicker 函数应该在 jquery 的 ready 方法上。

也试试

 $('.selectpicker').selectpicker({
    liveSearch: true
 });

而不是 html 中的 data-live-search="true"。