bootstrap-select怎么用

发布网友发布时间：2022-04-23 06:36

共2个回答

懂视网时间：2022-05-12 22:16

bootstrap-select没提供动态请求数据的方法,解决动态添加的问题

下载,例子,文档地址
http://silviomoreto.github.io/bootstrap-select/

$("#goodsNames").selectpicker({}); //初始化
 var s = "";
 var timeOut = "";
 $(".input-block-level").bind("propertychange input",function(event){ //添加input框事件
 s = $(this).val();
 clearTimeout(timeOut);
 timeOut = setTimeout(function(){ //设置延后ajax请求
  var tempAjax = "";
  $.ajax({
   type : 'GET',
   url : '',
   dateType : 'json',
   data : "goodsName="+s,
   success: function(msg){
   $.each(msg,function(i,n){
   tempAjax += "";
   });
   $("#goodsNames").empty();
   $("#goodsNames").append(tempAjax); 
      //更新内容刷新到相应的位置
   $('#goodsNames').selectpicker('render');
   $('#goodsNames').selectpicker('refresh');
   }
  })
 },700);
 
 })

热心网友时间：2022-05-12 19:24

基本用法
用 .selectpicker class 创建<select>
<select class="selectpicker">
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
启用 Bootstrap-Select via JavaScript:
$('.selectpicker').selectpicker();
设置：
$('.selectpicker').selectpicker({
style: 'btn-info',
size: 4
});