首页 > 文章列表 > 相关知识 > 查看文章

bootstrap selectpicker 动态更新后没有显示的解决方法

所属分类:相关知识 来源: 丁老师原创 更新时间:2024-09-18 18:33 IP属地: 深圳

selectpicker组件,广泛应用于基于bootstrap的框架中,比如fastadmin框架等。
在使用时,经常有同学问到,在对select进行操作后,比如添加和删除option,但是select没有更新,这是怎么回事呢?请看代码:

$('[name="hello"]').append('<option value="0">New York</option>');
$('[name="hello"]').append('<option value="0">WashingTon</option>');
$('[name="hello"]').append('<option value="0">Chicago</option>');
$('[name="hello"]').append('<option value="0">Philadelphia</option>');


在添加了后,select没有变化,是怎么回事呢?

这是因为,在selectpicker中,显示出来的下拉框,是经过重构的,真实的select其实是被隐藏了。在用jquery对select动态更新后,真实的select是变化了的,只不过重构的下拉框没有刷新,所以就没变化,对这个下拉框执行以下刷新命令就可以啦:

$('[name="hello"]').selectpicker('refresh');

怎么样,简单吧,有什么不懂的,可以咨询丁老实哦~

dls6.jpg

相关文章

网络产品营销有哪些好的方法?

现在的市场营销,基本上网络营销是直接、快速、精准、有效的通道,一款优秀的产品,接合网络和线下...

使用virtualbox安装macos出现问...

最近更换电脑,需要重新安装macos。为了便于切换,使用了virtualbox进行安装。但是...

ecshop微信文章采集插件下载

适用于ecshop的微信文章采集插件包

丁老师淘宝采集插件使用方法

丁老师淘宝采集插件使用方法,调用方式

推荐文章

fastadmin btn-dialog按钮...

fastadmin里自定义按钮的btn-dialog,弹出窗口时默认大小,设置了data-a...

phpstorm怎么取消html文件中sty...

phpstorm程序中,在打开html时总会出现对style属性的折叠和隐藏,这样在检查代码...

抖音小程序开发的流程是什么?

开发抖音小程序是一个涉及多个步骤的过程,需要准备相应的资料和工具。以下是开发抖音小程序需要准...

如何安装搭建OJS期刊系统 - 详细教程

OpenJournalSystems(OJS)是一个由PublicKnowledgeProj...

QQ咨询 微信咨询 电话咨询