首页 >原创文章 >软件开发 > >查看文章

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

所属分类:软件开发来源: 丁老师原创更新时间:2024-09-18 18:33IP属地: 深圳
点击阅读全文

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

相关文章

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

开发抖音小程序是一个涉及多个步骤的过程,需要准备相应的资料和工具。以下是开发抖音小程序需要准备的资料和步骤:1.入驻抖音开发平台:首先,你需要在抖音开放平台注册一个开发者账号,并完成主体认证和对公认证。如果未完成认证,你可以在沙盒工具中创建...

使用C#读取Excel文件内容的两种方法

使用c#读取excel文件可以通过OleDbDataAdapter来进行读取,将excel文件作为数据库,以检索数据的方式来读取excel内容。具体代码如下:varfileName=string.Format("{0}\\file...

wordpress可以架设什么样的网站?

wordpress是当今最流行的建站程序,其强大的内容管理系统(CMS),可快速安装、方便快捷的建站管理模块、响应式布局、丰富的插件支持以及可自定义的样式主题,特别适合中小企业和个人博主建立官方网站。那么除了企业和个人博客,wordpres...

宝塔"在未指定SSL默认站点时,未开启SSL...

宝塔系统相关问题解决方法

推荐文章

Android Studio 打包APP制作...

在使用androidstudio打包app时,需要制作JKS证书D:\ProgramFiles\Java\jre1.8.0_301\bin keytool-genkey-v-keystoredlq6.jks-aliasdlq6-storep...

tortoise svn出现no path ...

在日常开发过程中,突然发现svn无法提交和更新,出现“nopathorpathfilespecifiedonthecommandline”的错误,网上搜了一圈百度google以及stackoverflow都没找到真正能解决问题的办法,本着不...

composer self-update 更...

1.composer版本更新文档版本号:https://getcomposer.org/download中文网:https://docs.phpcomposer.com/03-cli.html#self-update英文网:https://...

photoshop宽度像素和网页宽度像素不一...

在用photoshop设计时,有的同学会发现,在网页中设置的宽度1000px,截屏后,再用photoshop打开后测量同样图像的宽度时,这个宽度就不是1000像素,而是1200多甚至1300多,是个很奇怪的问题,丁老师检查了photosho...

QQ咨询微信咨询