bootstrap-select我踩到的坑之动态加载后要“refresh”

最新推荐文章于 2022-10-17 16:02:53 发布
原创 最新推荐文章于 2022-10-17 16:02:53 发布 · 8.3k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#bootstrap-select

本文记录了在使用bootstrap-select插件时遇到的样式渲染问题及解决方案。作者在动态加载select下拉控件时，发现控件没有样式。通过在代码中加入refresh语句，成功刷新并显示了select控件的样式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

bootstrap-select插件非常好用！但是！！前期不会用，出现了样式渲染不出来的问题！！在这里记录一下~~~~

在我的项目里面，select下拉控件需要动态加载出来，由于是用字符串拼接的，结果拼出来之后发现没有任何的样式。。。

这是我的部分代码：

一开始以为是js加载顺序的问题，后来发现没用，，最后发现应该加一句refresh的语句刷新select控件！！

代码如下：

$('#labelTypeSelect2' + (labelTableBodyTrNum + 1)).selectpicker('refresh');

解决了就好，，，再此记录一下。。。

bootstrap selectpicker 动态加载数据
princeLLM的博客
03-21 2万+
实现： spring mvc负责后台，ajax负责前台。所有代码均为本人工程中真正应用的代码，肯定可行，网上找到各种大bug的代码真是moutain people moutain sea啊！！！！ 下拉框写法（是否带搜索功能之类的看业务要求和您个人喜好了）： 选择学校--： id="schoolno" name="schoolno" class="selectpicker" >
selectpicker 动态加载数据
热门推荐
wahwhh的博客
01-09 1万+
在做二级下拉菜单动的时候，一般需要动态的给第二个下拉菜单赋值（有时候第一个下拉菜单也是动态加载数据），一般的下拉框的样式比较丑，当使用selectpicker进行下拉菜单美化时，有可能导致下拉菜单加载不进来，这里对这个问题做一个完美解决。 1.一般的下拉框二级联动实现<select id="parent"></select> <select id="childern1"></select>
bootstrap-select怎么刷新数据
一个程序员的一些碎碎念
07-23 1万+
在使用bootstrap-select时，需要刷新数据。只需要调用bootstrap-select内置的方法就可以了。 this.dataservice.getData(this.url[0]).then(res => { let tempData = res.rows; let options = "请选择"; tempData.forEach(el =>
bootstrap中selectpicker控件下拉框 刷新问题
AnselAndEvil的博客
08-14 4416
博主是个小后台，在工作中写前台时发现后台提交过来的数据没问题，前台接收也没问题。楼主用的是play2，感觉这方面国内资源比较少没以后也会多写一点play2相关的博客。言归正传，上我们之前遇到问题的代码。 $.get('@url',function (json) { for(var i=0 ;i &lt; json.length;i++) { $("#@field.id...
bootstrap-select 下拉多选 重置刷新下拉选项
test
04-26 3675
js中其他事件相关的代码中，使用jquery通过控件id设置selectpicker属性值为refresh进行重置刷新 function doReset() { //对id为elementID的下拉框进行重置刷新 $("#elementID").selectpicker('refresh'); } 或者： 参考https://bl...
bootstrap-select 使用笔记 设置选中值及手动刷新
anxingshe3043的博客
12-30 502
直接笔记：　 　　1、页面刚加载完填充select选项数据时，需要手动刷新一下组件，否则没有选项值。（组件初始化时，li 与 option 分离的，需要刷新一下（据说）） 　　 $.post('/cpms/todo/getProjectList', data).done(function(result) { if(typeof(result) == "string"...
selectpicker下拉框的动态加载
g_blue_wind的博客
03-17 1782
1、引入文件 &lt;link href="${base}/resources/common/css/bootstrap.css" rel="stylesheet"&gt; &lt;link href="${base}/resources/common/css/bootstrap-select.css" rel="stylesheet"&gt; &lt;scrip...
动态创建selectpicker时遇到的问题
weixin_42525456的博客
10-17 605
动态创建selectpicker遇到的问题
Bootstrap select多选以及数据回显
Day_Breaking的博客
05-09 2370
最近一直在用 bootstrap selectpicker 的一些东西，先看效果如下： GitHub链接，http://silviomoreto.github.io/bootstrap-select/ 直接clone下来，获取包 链接：https://pan.baidu.com/s/1Iset8doXqv_ZSH_jzeckFg 提取码：etyl 解压，获取所用到的js,css ...
js刷新select
xxfeng1224的专栏
03-07 3254
****************************************************************脚本****************************************************************function aaa(){document.form1.select.selectedIndex=0;}**************
bootstrap - select 动态添加数据
u013584303的博客
09-20 2062
设置select的选中值$('.selectpicker').selectpicker('val','值'); 刷新select   $('.selectpicker').selectpicker('refresh');*动态添加数据需刷新一下 不行试试$('.selectpicker').selectpicker('render')...
select2动态渲染下拉框以及下拉数据格式化
S‘blog
10-17 7772
//动态渲染下拉框 $('select[name=&quot;userid&quot;]').html(getOption($userName, 'personname')).val('{$ITEM-&amp;gt;relationuserid}').select2({ width: '100%', theme: &quot;bootstrap&quot;, placeholder: &quot;请选择人员...&quot;,
jquery bootstrap-select多选组件使用指南
chuangxin的专栏
03-13 7261
jquery bootstrap-select多选组件使用指南，包括bootstrap-select如何上手，核心配置项说明，常用api方法演示，案例展示。
bootstrap-select动态加载数据
null
04-25 1960
bootstrap-select插件源码： https://github.com/snapappointments/bootstrap-select 动态加载数据： $("#station_selector").selectpicker(); 重新加载数据： $("#station_selector").selectpicker('refresh'); 谷歌大法好 ...
bootstrap动态调用select下拉框
kobe1qiqi的博客
11-15 1万+
html代码： 填报部门： addid" id="addid"> JS代码：/*获取下拉菜单*/ function showSel(){ $.ajax({           "type" : 'get',           "url": 地址,         "dataType" : "json",           "
解决bootstrap-select动态加载数据不显示的问题
duansamve的博客
09-11 1620
在使用bootstrap-select 动态加载数据的时候，refresh和render方法是必须使用的，不然就必须使用jquery往li对象里面填充数据，因为在bootstrap-select 中界面显示数据是通过li对象显示的，而select对象只是用于填充数据的： ......动态获取到数据后 //使用refresh方法更新UI以匹配新状态 $('#selector').selectpicker('refresh'); //render方法强制重新渲染引导程序 - 选择ui。 $('#sele
bootstrap-select 使用总结
Mr__forget的博客
05-16 1535
开发需要使用到多选，可搜索，满足这个条件的插件有select2 和 bootstrap-select  开始发现seelct2 的效果更好就拿过来用了，但是，发现和bootstrap的兼容没有问题，就放弃了 下面说下bootstrap-selec使用注意事项和完整流程： 首先引入js和css文件： 下载地址：http://silviomoreto.github.io/bootstrap-s
element tree不刷新视图_你不知道的浏览器渲染原理
weixin_39939665的博客
11-03 260
前言浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是 JS 引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种：Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari)。这里面大家最耳熟能详的可能就是 Webkit 内核了，Webkit 内核是当下浏览器世界真正的霸主。本...
Vertica中的projections
hmxz2nn的博客
05-18 6146
在之前的博文《vertcia介绍》中有讲到，在vertica中，表只是一个逻辑上的概念，其真实数据其实是存储在一个个的projection中。projections以优化查询执行的格式存储数据。与物化视图类似，projections将结果集存储在磁盘上，而不是在每次查询时计算它们。您可以使用新数据或更新数据刷新projections。 projections提供以下好处： 1.压缩和编码数据以减少...
Bootstrap-select组件：增强型下拉框功能解析
通过`.selectpicker('refresh')`方法，可以在选项动态变化后刷新下拉框的显示。 Bootstrap-select还支持通过JavaScript事件来增强下拉框的交互能力。例如，可以监听`change.bs.select`事件，以便在选项变更时执行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值