【问题标题】:Trying to set data-live-search to select-picker尝试将 data-live-search 设置为 select-picker
【发布时间】:2017-01-18 11:00:47
【问题描述】:

选择器

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

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

【问题讨论】:

    标签: jquery bootstrap-selectpicker


    【解决方案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"

    【讨论】:

      【解决方案2】:

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

      也试试

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

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

      【讨论】:

        猜你喜欢
        • 2017-07-20
        • 2020-06-23
        • 1970-01-01
        • 2020-04-12
        • 2018-06-17
        • 2020-02-05
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多