bootstrap selectpicker 多选select网页无法显示，监听，赋值方法

最新推荐文章于 2023-01-05 15:52:14 发布

低俗喵星人

最新推荐文章于 2023-01-05 15:52:14 发布

阅读量1k

点赞数

分类专栏：学习心得文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_44012988/article/details/121204664

版权

学习心得专栏收录该内容

4 篇文章 0 订阅

订阅专栏

bootstrap selectpicker 多选select网页无法显示，监听，赋值方法

jQuery append的selectpicker无法显示（多选框无法显示）。
生成完select(selectpicker)后执行,加上一句selectpicker_reset()，selectpicker_reset如代码

function selectpicker_reset(){
    $('.selectpicker').selectpicker();
}

jQuery append的selectpicker无法监控（多选框无法监控）。

//关闭下拉框触发
$(document).on('hidden.bs.select','.selectpicker', function(){
}
//打开下拉框触发
$(document).on('show.bs.select','.selectpicker', function(){
}

多选框(select,selectpicker)赋值（id示例）。

  //清空选项
  $('#id').selectpicker('deselectAll');
  //数组赋值
  var list_val = ['apple','banana','pear']
  $('#id').selectpicker('val',list_val);
  $('##id').selectpicker('refresh');  //刷新，必须有
  //字符串赋值
  var str_val = 'apple'
  $('#id').selectpicker('val',str_val );
  $('##id').selectpicker('refresh');  //刷新，必须有