Попытка установить поиск данных в реальном времени для выбора

Question

selectpicker

$('.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

Функция selectpicker должна быть на готовом методе jquery.

Также попробуйте

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

вместо data-live-search="true" в html.

Answer 2

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